vue2.0 配置build项目打包目录资源文件(assetsstatic)打包目录

Posted 狂奔的小马扎

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue2.0 配置build项目打包目录资源文件(assetsstatic)打包目录相关的知识,希望对你有一定的参考价值。

vue项目默认的打包路径:根目录下的dist文件夹下;

但是在项目开发中,我们肯定希望项目提交到svn目录或者git目录下,否则每次复制过去,太麻烦了;

那怎么配置打包路径呢?下面来看看;

首先,我们找到打包配置文件 "config/index.js"下的build属性

修改build.index和assetsRoot的值,我用的是绝对路径;

配置项目打包路径:"F:/app/vuedemo";

配置入口文件:"F:/app/vuedemo/index.html";

配置资源文件路径:"F:/app/vuedemo/static";

配置资源文件在项目中的引用【相对于index.html文件】:"./";

build: {
    // Template for index.html
    index: path.resolve(__dirname, F:/app/vuedemo/index.html),

    // Paths
    assetsRoot: path.resolve(__dirname, F:/app/vuedemo),
    assetsSubDirectory: static,
    assetsPublicPath: ./,

    /**
     * Source Maps
     */
    // 后面的省略不写
  }

 

ok,完美搞定;谢谢大佬指正

以上是关于vue2.0 配置build项目打包目录资源文件(assetsstatic)打包目录的主要内容,如果未能解决你的问题,请参考以下文章

vue2.0项目结构和打包发布

Vue2.0---webpack打包知识点-2

vue2.0 带头冲锋(打包时,小心萝卜坑)

vue技术入门篇

如何打包我要的资源文件

vue项目打包部署-----解决打包后访问资源失败问题