1

我在捆绑我的应用程序时遇到了这些错误，我不知道为什么它不工作。我之前使用的是样式加载器，现在我正在尝试实现提取文本插件，但出现以下错误：

在此处输入图像描述

问题是所有这一切实际上都在使用样式加载器，我只是用提取插件替换样式加载器，没有更改任何其他加载器或插件，我搜索但没有找到任何解决方案。

vuetify.css 可以在这里找到https://github.com/vuetifyjs/vuetify/tree/master/dist

这是我的 index.scss ：

@import "default";
@import "list";
@import "page";
@import "toolbar";

这是我要导入文件的部分：

import 'vuetify/dist/vuetify.min.css';
import './sass/index.scss';

Webpack 模块配置：

module: {
    rules: [{
            test: /\.vue$/,
            loader: 'vue-loader',
            options: {
                loaders: {
                    scss: 'css-loader?url=false!sass-loader',
                },
                extractCSS: true,
            }
        },
        {
            test: /\.js$/,
            exclude: /node_modules/,
            loader: 'babel-loader',
        },
        {
            test: /\.css$/,
            loader: ExtractTextPlugin.extract({
                use: 'css-loader',
                fallback: 'style-loader!css-loader'
            })
        },
        {
            test: /\.scss$/,
            loader: ExtractTextPlugin.extract({
                use: 'css-loader?url=false!sass-loader',
                fallback: 'style-loader!css-loader?url=false!sass-loader'
            })
        },
        {
            test: /\.(png|jpg|gif|svg|ttf|otf|eot|svg|woff(2)?)$/,
            loader: 'file-loader',
            options: {
                name: '[name].[ext]?[hash]'
            }
        },
    ]
}

插件配置：

plugins: [

    new webpack.DefinePlugin({
        'process.env': {
            NODE_ENV: JSON.stringify(process.env.NODE_ENV),
        }
    }),

    new CleanWebpackPlugin([
        getPath('../cordova/www/**'),
    ], {
        root: getPath('..'),
    }),

    new CopyWebpackPlugin([{
            from: getPath('../index.html'),
            to: getPath('../cordova/www/index.html')
        },
        {
            from: getPath('../assets'),
            to: getPath('../cordova/www/assets/')
        },
    ]),

    new webpack.ProvidePlugin({
        fetch: 'imports-loader?this=>global!exports-loader?global.fetch!whatwg-fetch'
    }),

    new webpack.LoaderOptionsPlugin({
        minimize: false,
        debug: true
    }),

    new ExtractTextPlugin('styles.css')

],
4

1 回答 1

1

将规则更改/\.css$/为此。

  {
    test: /\.css$/,
    use: ExtractTextPlugin.extract({
      fallback: 'style-loader',
      use: 'css-loader'
    })
  }
于 2017-07-08T20:24:03.817 回答