vue的打包步骤
想要做这个vue的打包啊,首先,咱们找到config中的index.js,然后修改这,从根路径改为相对路径,否则出现不了页面,出现的是一页空白
build: {
// Template for index.html
index: path.resolve(__dirname, '../dist/index.html'),
// Paths
assetsRoot: path.resolve(__dirname, '../dist'),
assetsSubDirectory: 'static',
assetsPublicPath: './', (要把这个 / 改成 ./)
然后呢,我们要在build中找到utils.js,在他中间添加这一行代码,否则会显示不出图片
if (options.extract) {
return ExtractTextPlugin.extract({
use: loaders,
fallback: 'vue-style-loader',
publicPath:'../../'
})
} else {
return ['vue-style-loader'].concat(loaders)
}
}
然后在你的终端运行npm run build
当运行完成后,你会发现在你的根目录出现了一个dist文件
右击———在资源管理器中显示,打开此文件夹,运行html文件,在浏览器中显示页面。
(此文章由自己总结和借鉴他人,如有雷同,请见谅)