css - 从节点 js 模块导入 css

Question

我正在使用 webpack，我可以无误地“导入”css 文件，但最终产品中没有导出 css。

Webpack 摘录:

 module: {
    loaders: [
      {test: /\.css$/,loader: 'css-loader'},
      {test: /\.scss$/,loader: ExtractTextPlugin.extract('css-loader!sass-loader')},
      {test: /\.js$/, loader: 'babel-loader', include},
      {test: /\.json$/, loader: 'json', include},
      {test: /\.jpe?g$|\.gif$|\.png$/i, loader: "file-loader" },
    ]
  },

运行:

npm install hopscotch

代码:

import 'hopscotch/dist/css/hopscotch.css';

Answer 1

我没有对 css 文件使用提取...

{test: /\.css$/,loader: 'css-loader'},

应该是:

{test: /\.css$/,loader: ExtractTextPlugin.extract('css-loader')},