Webpack 2=意外字符@

我试图用gulp命令编译我的项目，但我得到了那个错误

Module parse failed: /node_modules/element-ui/lib/theme-default/index.css Unexpected character '@' (1:0)
message: './~/element-ui/lib/theme-default/index.css\nModule parse failed: /Users/leococo/Site/mtlgigsGood/node_modules/element-ui/lib/theme-default/index.css Unexpected character \'@\' (1:0)\nYou may need an appropriate loader to handle

导致问题的文件从以下内容开始：

@charset "UTF-8";

如果我采用webpackv1语法，而不是webpackv2语法，这是可行的

WEBPACK v2 gulp.js（不工作） 网页包v1 gulp.js（工作）

---

在那里，

try:

test:/\.css$/，exclude:/node\u modules/

我遇到了相同的错误问题是，您的网页包构建尝试从npm解析和构建内部模块，从路径“/node\u modules/element ui/lib/theme default/index.css”可以看出文件来自该库：因此css确实位于node\u modules文件夹中。但是我应该怎么做才能解决这个错误呢？你的建议不管用，你到底把它放在哪里了？它显示的是相同的错误还是不同的错误？

 Elixir.webpack.mergeConfig({
        resolveLoader: {
            root: path.join(__dirname, 'node_modules'),
        },
        // other options...
        module: {
            // module.rules is the same as module.loaders in 1.x
            rules: [
                {
                    test: /\.css$/,
                    loader: 'style!css'
                },
            ],
        },
    });

Elixir.webpack.mergeConfig({
        resolveLoader: {
            root: path.join(__dirname, 'node_modules'),
        },
        module: {
            loaders: [
                {
                    test: /\.css$/,
                    loader: 'style!css'
                }]
        },
    });

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