1

使用以下 webpack 配置，我试图缩小入口点 entry.js 中的 css。entry.js 只有 require('mystyles.css')

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

module.exports = {
    entry:'entry.js',
    module: {
        loaders: [
            { test: /\.css$/, loader: ExtractTextPlugin.extract("style-loader", "css-loader") }
        ]
    },
    plugins: [
        new ExtractTextPlugin("styles.css")
    ]
}

mystyles.css 有以下 css

.body { background: #000;  }

在运行 webpack 时出现以下错误

Line 1: Unexpected token .
You may need an appropriate loader to handle this file type.

请让我知道我必须使用哪个加载器将所有 .css 文件放入单个 styles.css 文件

4

2 回答 2

0

你试过这个吗？这将安装您在配置中提到的加载style器css

npm i --D css-loader style-loader
于 2016-04-06T05:59:08.143 回答
0

output这可能不是唯一的问题，但对于初学者来说，您的 webpack 配置对象中没有定义...

你需要类似的东西：

  output: {
    filename: '[name].js',
    path: path.join(__dirname, 'public'),
    publicPath: '/public/'
  },

输出选项告诉 Webpack 如何将编译后的文件写入磁盘。请注意，虽然可以有多个入口点，但只指定了一种输出配置。

在此处查看官方文档： https ://github.com/webpack/docs/wiki/configuration

于 2016-04-06T06:05:58.313 回答