0

我在使用 ExtractTextPlugin 和 css-loader 打包 css 文件时遇到了问题。这是我的配置的一部分：

plugins: [
    ...
    new ExtractTextPlugin("[name].css")
],
module: {
    loaders: [
        ...
        {
            test: /\.css$/,
            loader: ExtractTextPlugin.extract("style", "css")
        },
        {
            test: /\.less$/,
            loader: ExtractTextPlugin.extract("style", "css!less")
        }
        ...
    ],
    noParse: []
}

当我尝试编译我的源代码时，它会出现错误：

ERROR in ./~/angular-bootstrap-datetimepicker/src/css/datetimepicker.css
Module build failed: Error: Cannot find module '../../../css-loader/lib/css-base.js'
//OTHER ERRORS WITH ALL CSS FILES
ERROR in ./~/datatables/media/css/jquery.dataTables.css
Module build failed: Error: Cannot find module '../../../css-loader/lib/css-base.js'
 ...
  [363] ./~/jquery-ui/themes/base/all.css 865 bytes {1} [built] [failed]
  [364] ./~/bootstrap/dist/css/bootstrap.css 883 bytes {1} [built] [failed]
  [365] ./~/datatables/media/css/jquery.dataTables.css 907 bytes {1} [built] [failed]
  [366] ./~/angular-datatables/dist/css/angular-datatables.css 910 bytes {1} [built] [failed]
  [367] ./~/angular-bootstrap-datetimepicker/src/css/datetimepicker.css 898 bytes {1} [built] [failed]
  [368] ./~/highcharts/css/highcharts.css 874 bytes {1} [built] [failed]

换句话说，它找不到 css-loader 模块。我的devDependencies部分来自package.json：

"css-loader": "^0.25.0",
"exports-loader": "^0.6.3",
"extract-text-webpack-plugin": "^1.0.1",
"less": "^2.7.1",
"less-loader": "^2.2.3",
"style-loader": "^0.13.1",
"webpack": "1.13.3",
"webpack-dev-server": "1.16.2"

一件更有趣的事情，这个配置在 Windows 上完美运行，但我试图在 Ubuntu 上运行它并得到这些错误。有人能帮我吗？

4

0 回答 0