Vue之webpack打包
第一次打包,还成功了,可能也是运气问题吧,因为自己在百度的时候发现很多人都打包有问题,现在我就讲述下我的打包配置
1、第一步,在build/utils.js中添加:publicPath:"../../", 如下所示:
if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, publicPath:"../../", fallback: 'vue-style-loader' }) }
2、第二步,在config/index.js文件中修改下assetsSubDirectory和assetsPublicPath的值,具体如下:
build: { // Template for index.html index: path.resolve(__dirname, '../dist/index.html'), // Paths assetsRoot: path.resolve(__dirname, '../dist'), assetsSubDirectory: './static', assetsPublicPath: './',
3、在命令行中输入 npm run build,出现dist目录,并出现如下日志,则成功
Build complete. Tip: built files are meant to be served over an HTTP server. Opening index.html over file:// won't work.
4、运行dist中的index.html,可以访问,就可以了,说明没有问题了。
本文来自博客园,作者:小白啊小白,Fighting,转载请注明原文链接:https://www.cnblogs.com/ywjfx/p/12367616.html