vue-vue.config.js

vue项目的配置文件

    • 位置
    • 内容

vue2.0的版本目录结构已经变化了,没有了之前build与config文件夹,因此如果需要配置build的生成目录等打包需求,需要vue.config.js

位置

vue.config.js文件在项目的根目录下,与src平级

内容

    //主要是用于分析项目的大小占比的,不需要的话可以注释掉
    // const WebpackBundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
module.exports = {
    // 部署应用时的基本 URL
    //部署应用时的根路径(默认'/'),也可用相对路径(存在使用限制)cli3.0以上使用publicPath替代baseUrl,解决build后找不到静态资源的问题
    publicPath: process.env.NODE_ENV == "production" ? '../' : '',
    // build时构建文件的目录 构建时传入 --no-clean 可关闭该行为
    outputDir: process.env.NODE_ENV == "production" ? "../dist" : "dist", // 运行时生成的生产环境构建文件的目录(默认''dist'',构建之前会被清除)
    // build时放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录(默认'')
    assetsDir: "assets",
    // 指定生成的 index.html 的输出路径 (相对于 outputDir),也可以是一个绝对路径。
    indexPath: 'index.html',
    // 默认在生成的静态资源文件名中包含hash以控制缓存
    filenameHashing: true,
    // 是否在开发环境下通过 eslint-loader 在每次保存时 lint 检查代码(在生产构建时禁用 eslint-loader)
    lintOnSave: process.env.NODE_ENV !== 'production',
    // 是否使用包含运行时编译器的 Vue 构建版本
    runtimeCompiler: false,
    // 生产环境是否生成 sourceMap 文件,如果你不需要生产环境的 source map,可以将其设置为 false 以加速生产环境构建
    productionSourceMap: false,
    // Babel 显式转译列表,暂时没有用到
    transpileDependencies: [],
    // 设置生成的 HTML 中 
                    
                    

你可能感兴趣的:(VueJs)