Webpackプロファイル

2294 ワード

const path = require ('path');const debug = process.env.NODE_ENV !== 'production';
module.exports={baseUrl:'/',//基本パスoutputDir:'dist',//出力ファイルディレクトリassetsDir:'assets',//静的リソースディレクトリ(js,css,img,fonts)lintOnSave:true,//eslint-loaderが保存時に//webpack構成//see https://github.com/vuejs/vue-... webpackリンクAPIをチェックし、webapck構成chainWebpack:()=>
if (debug) {
  //       
} else {
  //       
}

}, configureWebpack: config => {
// webpack  ,          ,         
if (debug) {
  //       
  config.devtool = 'cheap-module-eval-source-map';
} else {
  //       
}
Object.assign (config, {
  //         
  resolve: {
    alias: {
      '@': path.resolve (__dirname, './src'), //      
      //...
    },
  },
});

},//vue-loader構成項目//https://vue-loader.vuejs.org/...//vueLoader:{},
//本番環境sourceMapファイルproductionsourceMap:true,//css関連構成はchainWebpackのcss loaderに関する構成css:{
//     css     ExtractTextPlugin
extract: true,
//    CSS source maps?         ,false       
sourceMap: false,
// css      
loaderOptions: {},
//    CSS modules for all css / pre-processor files.
modules: false,

},//use thread-loader for babel&TS in production build//enabled by default if the machine has more than 1 cores構築時にマルチプロセス処理babelコンパイルparallel:require('os').cpus ().length>1,//dll//See https://github.com/vuejs/vue-...//dll:falseを有効にするかどうか、
//PWAカード関連配置//see https://github.com/vuejs/vue-... pwa:{}
//webpack-dev-server関連構成devServer:{
open: process.platform === 'darwin',
host: '0.0.0.0',
port: 8080,
https: false,
hotOnly: false,
proxy: null, //     
before: app => {},

},
//サードパーティプラグイン構成pluginOptions:{
// ...

},};