1.字體文件路徑加載不對
在build/utils文件中的下圖所示位置添加../../公共路徑
if (options.extract) {
return ExtractTextPlugin.extract({
use: loaders,
fallback: 'vue-style-loader',
publicPath:'../../'
})
2.js等文件加載路徑不對
config/index.js配置資源路徑
assetsPublicPath: '資源路徑',
3.按需引用谎仲，不同的html模板引入僅它自己需要的css和js
entry: {
facebook: './src/main.js',
ins: './src/main1.js'
},
new HtmlWebpackPlugin({
filename: 'index.html',
template: 'index.html',
inject: true,
chunks:["facebook"]
}),
new HtmlWebpackPlugin({
// 生成出來的html文件名
filename: 'index1.html',
// 每個html的模版，這里多個頁面使用同一個模版
template: './index.html',
// 自動將引用插入html
inject: true,
chunks:["ins"]
// 每個html引用的js模塊太惠，也可以在這里加上vendor等公用模塊
}),
4.webpackJsonp is not defined報錯
CommonsChunkPlugin 公共文件必須在自己引用的js文件之前引用蒸其。
可以手動改文件引用畔柔，但是推薦以下解決辦法：
找到build→webpack.prod.conf.js→找到HtmlWebpackPlugin插件跛梗，添加如下配置即可
chunks: ['manifest', 'vendor', 'app']
5.多頁面配置本地熱更新問題
修改webpack.dev.conf.js配置文件
rewrites: [
{ from: /ins/, to: path.posix.join(config.dev.assetsPublicPath, 'ins.html') },
{ from: /.*/, to: path.posix.join(config.dev.assetsPublicPath, 'facebook.html') },
],
同時生成多個html頁面
new HtmlWebpackPlugin({
filename: 'facebook.html',
template: 'index.html',
inject: true,
chunks: ["facebook"]
}),
new HtmlWebpackPlugin({
// 生成出來的html文件名
filename: 'ins.html',
// 每個html的模版移国，這里多個頁面使用同一個模版
template: './index.html',
// 自動將引用插入html
inject: true,
chunks: ["ins"]
// 每個html引用的js模塊蛤育，也可以在這里加上vendor等公用模塊
}),
6.IE瀏覽器使用promise
npm install --save babel-polyfill
