配置vue项目build构建dist目录

版权声明：转载请注明出处，谢谢！ https://blog.csdn.net/dreamstone_xiaoqw/article/details/90228757

最近在使用vue框架重构九型人格测试程序前端模块。

小编做个预言家：

• 应用前端从原本的原生JS分页面应用重构至基于vue框架，代码可读性增加；
• vue-cli方式构建项目，可以更方便的打包文件
• 还可以使用组件，更加工程化的管理项目

怎么做呢？步骤如下：

修改文件：config/index.js

build: {

	index: path.resolve(__dirname, '../dist/index.html'),
	assetsRoot: path.resolve(__dirname, '../../../../public/'),
	assetsSubDirectory: 'static/9style',
	assetsPublicPath: '/',
}

生成HTML文件中的静态文件链接：

href=/static/9style/css/app.xxxx.css 
href=/static/9style/js/app.xxxx.css 

assetsRoot 指定的目录是从 vue项目中的config/index.js文件 开始寻找。