配置vue项目build构建dist目录

最近在使用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文件 开始寻找。

版权声明

弈心博客


本文首发弈心博客,转载请附上博文链接!