解決白屏問題
方案:使用es6-promise和babel-polyfill
首先安裝這兩個依賴:
npm install --save-dev es6-promise
npm install --save-dev babel-polyfill
安裝完成後,在項目的main.js文件中添加如下代碼:
import 'babel-polyfill';
import Es6Promise from 'es6-promise'
Es6Promise.polyfill();
解決打包後樣式顯示不出來的問題
方案:更改webpack.prod.conf.js 文件中的css插件的配置,如下圖:註釋掉的是原來的配置,註釋下面的是新的配置。
// new OptimizeCSSPlugin({
// cssProcessorOptions: config.build.productionSourceMap
// ? { safe: true, map: { inline: false } }
// : { safe: true }
// }),
new OptimizeCSSPlugin({
cssProcessorOptions: {
safe: true,
autoprefixer: false,
discardComments: {
removerAll: true
}
},
canPrint: true
}),