我被困了将近一天。我不知道了我尝试了很多事情,但是对于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/
}
]
}
};
请给我一个提示。直到现在我还是很困。