相关疑难解决方法(0)

如何使用webpack从node_modules加载静态CSS文件?

我不知道如何使用webpack从node_modules libs加载任何CSS,例如我安装了传单,每次加载尝试都leaflet/dist/leaflet.css失败了.

你能举例说明如何从node_modules加载静态样式吗?

我目前的webpack配置如下.另外我正在使用extract-text-webpack-pluginsass-loader我的项目scss文件运行良好,我也css-loader有,我有解决静态CSS文件或添加一些东西stylePathResolves

//require('leaflet/dist/leaflet.css');

var ExtractTextPlugin = require("extract-text-webpack-plugin");
var webpack = require("webpack");
var path = require('path');

var stylePathResolves = (
  'includePaths[]=' + path.resolve('./') + '&' +
  'includePaths[]=' + path.resolve('./node_modules')
)

module.exports = {
  entry: ".js/app.js",
  output: {
    path: "./static/js",
    filename: "app.js"
  },
  module: {
    loaders: [{
        test: /\.jsx?$/,
        exclude: /node_modules/,
        loader: 'babel'
      }, {
        test: /\.scss$/,
        loader: ExtractTextPlugin.extract(
          'style',
          'css' + '!sass?outputStyle=expanded&' + stylePathResolves
        )
      }
    ]
  },
  plugins: …
Run Code Online (Sandbox Code Playgroud)

javascript css webpack webpack-style-loader

15
推荐指数
1
解决办法
1万
查看次数

标签 统计

css ×1

javascript ×1

webpack ×1

webpack-style-loader ×1