VUE2.0打包常见问题_vue前端打包会改变文件引入顺序吗

UE2.0打包常见问题
1、打包后空白
config index.js
build: {
// Template for index.html
index: path.resolve(__dirname, ‘…/dist/index.html’),

// Paths
assetsRoot: path.resolve(__dirname, ‘…/dist’),
assetsSubDirectory: ‘static’,
assetsPublicPath: ‘./’,

2、打包后icon图标不显示
在build/utils.js找到以下代码
if (options.extract) {
return ExtractTextPlugin.extract({
use: loaders,
fallback: ‘vue-style-loader’,
publicPath:‘…/…/’
})
} else {
return [‘vue-style-loader’].concat(loaders)
}

加 publicPath:‘…/…/’

3、解决vue+elementui项目打包后样式变化问题
main.js中的引入顺序决定了打包后css的顺序，组件内的样式没有生效可能是被第三方组件样式覆盖了，所以把第三方组件放在前面引入，router放在后面引入，就可以实现组件样式在第三方样式之后渲染。

打包后样式混乱

样式移前

打包后链接有#

export default new Router({
mode:‘history’,
routes: [
router-index.js加 mode:‘history’

4、去除console.log
在build/webpack.prod.conf.js文件里加上这样一段代码即可