vue-loader无法正常工作。 webpack 3.1.2

时间:2019-04-08 16:53:55

标签: vue.js webpack vue-loader

我被困了将近一天。我不知道了我尝试了很多事情,但是对于Webpack还是很陌生的。所以基本上我有这个配置来构建vue js应用

[DataContract]
public class RecaptchaApiResponse
{
    [DataMember(Name = "success")]
    public bool Success;
    [DataMember(Name = "hostname")]
    public string HostName;
    [DataMember(Name = "error-codes")]
    public List<string> ErrorCodes;
}

但是,在许多教程中却无法正常工作。 每当我尝试编译时,它总是返回如下

var path = require('path');
var webpack = require('webpack');

module.exports = {
    entry: [
        'babel-polyfill',
        './src/app-bundle/Resources/js/vue/app'
    ],
    output: {
        path: path.join(__dirname, 'dist'),
        filename: 'bundle.js',
        publicPath: '/static/',
    },
    plugins: [
        // new webpack.optimize.UglifyJsPlugin({
        //     compress:{
        //         warnings: false
        //     }
        // }),
        // new webpack.LoaderOptionsPlugin({
        //     vue: {
        //         loader: {
        //             js: 'babel-loader'
        //         }
        //     }
        // }),
        new webpack.optimize.OccurrenceOrderPlugin(),
        new webpack.optimize.DedupePlugin(),
        new webpack.optimize.LimitChunkCountPlugin({maxChunks: 15}),
        new webpack.optimize.MinChunkSizePlugin({minChunkSize: 10000}),
        new webpack.DefinePlugin({
            '__DEVTOOLS__': false,
            'process.env': {
                'NODE_ENV': JSON.stringify('production')
            }
        })
    ],
    module: {
        rules: [
            {
                test: /\.vue$/,
                loader: 'vue-loader',
                options: {
                    loaders: {
                        'scss': [
                            'vue-style-loader',
                            'css-loader',
                            'sass-loader'
                        ],
                        'sass': [
                            'vue-style-loader',
                            'css-loader',
                            'sass-loader?indentedSyntax'
                        ]
                    }
                    // other vue-loader options go here
                }
            },
            {
                test: /\.js$/,
                loader: 'babel-loader'
            }
        ],
        loaders: [
            {
                test: /\.js$/,
                loaders: ['babel'],
                exclude: /node_modules/
            }
        ]
    }
};

请给我一个提示。直到现在我还是很困。

0 个答案:

没有答案