vue-cli腳手架npm相關檔案說明（9）config/index.js

標籤：bpa   save   net   plugin   www.   css   icp   div   extension   

系列文章傳送門：

1、build/webpack.base.conf.js     

2、build/webpack.prod.conf.js

3、build/webpack.dev.conf.js

4、build/utils.js

5、build/vue-loader.conf.js

6、build/build.js

7、build/dev-server.js

8、build/check-versions.js

9、../config/index.js

 

下面是config/index.js中相關代碼和配置的說明

// see http://vuejs-templates.github.io/webpack for documentation.var path = require(‘path‘)module.exports = {  build: {    env: require(‘./prod.env‘),    // 相對路徑的拼接，假如當前跟目錄是config，那麼下面配置的index屬性的屬性值就是dist/index.html    index: path.resolve(__dirname, ‘../dist/index.html‘),// index頁面    assetsRoot: path.resolve(__dirname, ‘../dist‘), // 輸出目錄    assetsSubDirectory: ‘static‘, // 子目錄    assetsPublicPath: ‘/‘, // 發布地址，例如HTML中引用js的是以/開頭    productionSourceMap: true, // 是否開啟sourcemap    // Gzip off by default as many popular static hosts such as    // Surge or Netlify already gzip all static assets for you.    // Before setting to `true`, make sure to:    // npm install --save-dev compression-webpack-plugin    productionGzip: false, // 是否開啟Gzip，以及包含哪些類型檔案    productionGzipExtensions: [‘js‘, ‘css‘],    // Run the build command with an extra argument to    // View the bundle analyzer report after build finishes:    // `npm run build --report`    // Set to `true` or `false` to always turn it on or off    bundleAnalyzerReport: process.env.npm_config_report // 當執行`npm run build --report`時產生構建報告  },  dev: {    env: require(‘./dev.env‘),    port: 8080,    autoOpenBrowser: true,    assetsSubDirectory: ‘static‘,    assetsPublicPath: ‘/‘,    /**     * 典型的方向代理配置    proxyTable: {      ‘/appName‘: {          target: ‘http://api.appName.com‘, -> 目標url地址          changeOrigin: true, -> 指示是否跨域          pathRewrite: {          ‘^/appName‘: ‘替換內容‘ -> 讓請求 /appName 等價於 api.appName.com/替換內容          }      }    }   */    proxyTable: {},    // CSS Sourcemaps off by default because relative paths are "buggy"    // with this option, according to the CSS-Loader README    // (https://github.com/webpack/css-loader#sourcemaps)    // In our experience, they generally work as expected,    // just be aware of this issue when enabling this option.    cssSourceMap: false  }}

參考：http://www.cnblogs.com/ye-hcj/archive/2017/06.html

vue-cli腳手架npm相關檔案說明（9）config/index.js