你好,参照你的配置想配置vue的多页面应用,在生成html报错,初步确定是html-webpack-plugin的原因,在网上一直没找到原因,所以想您帮忙看一下,您有空帮忙能帮忙看一下吗,下面是报错生成的html

Html Webpack Plugin:

TypeError: __webpack_require__(...) is not a function

- index.html:720 Object.define

D:/WebstormProjects/workspace/app/my/athena-app/src/settlement/index.html:720:78

- index.html:620 __webpack_require__

D:/WebstormProjects/workspace/app/my/athena-app/src/settlement/index.html:620:30

- index.html:48 fn

D:/WebstormProjects/workspace/app/my/athena-app/src/settlement/index.html:48:20

- index.html:9415 Object.

D:/WebstormProjects/workspace/app/my/athena-app/src/settlement/index.html:9415:56

- index.html:620 __webpack_require__

D:/WebstormProjects/workspace/app/my/athena-app/src/settlement/index.html:620:30

- index.html:48 fn

这边是我的webpack配置

var FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin')

var path = require('path')

var HtmlWebpackPlugin = require('html-webpack-plugin')

var merge = require('webpack-merge');

var utils = require('./config/utils.js')

var webpack = require('webpack')

function resolve(dir) {

return path.resolve(__dirname, dir)

}

var baseConfig = {

entry: utils.getEntry(),

output: {

path: path.join(__dirname, 'dist'),

publicPath: '/dist/',

filename: '[name].build.js',

},

node: {

fs: 'empty'

},

module: {

rules: [

{

test: /\.js$/,

loaders: 'imports-loader?define=>false!babel-loader',

},

{

test: /\.vue$/,

loader: 'vue-loader',

options: {

loaders: {

scss: 'vue-style-loader!css-loader!sass-loader',

sass: 'vue-style-loader!css-loader!sass-loader',

},

postcss: [

require('autoprefixer')({

browsers: ['last 2 versions']

})

]

}

},

{

test: /\.s[a|c]ss$/,

use: [

'style-loader',

'css-loader',

'sass-loader'

]

},

{

test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,

loader: 'url-loader',

query: {

limit: 10000,

name: 'img/[name].[hash:7].[ext]'

}

},

]

},

resolve: {

alias: {

'vue$': 'vue/dist/vue.common.js',

},

aliasFields: ["browser"],

extensions: ['.js', '.vue']

}

}

var webpackConfig = merge(baseConfig, {

plugins: [

new webpack.optimize.UglifyJsPlugin({

compress: {

warnings: false,

},

mangle: true,

comments: false

}),

new webpack.optimize.OccurrenceOrderPlugin(),

new webpack.optimize.CommonsChunkPlugin({

name: "commons",

minChunks: 5

}

),

new webpack.DllReferencePlugin({

context: __dirname,

/**

* 在这里引入 manifest 文件

*/

manifest: require('./dist/vendor-manifest.json')

}),

new webpack.optimize.AggressiveMergingPlugin(),

new webpack.DefinePlugin({

PRODUCTION: JSON.stringify(true)

}),

new webpack.HotModuleReplacementPlugin(),

new webpack.NoEmitOnErrorsPlugin(),

new FriendlyErrorsPlugin()

].concat(utils.getHtmlPlugin())

})

console.log(utils.getHtmlPlugin())

console.log(utils.getEntry())

module.exports = webpackConfig

Logo

前往低代码交流专区

更多推荐