vue.config.js中configureWebpack与chainWebpack区别及说明_vue.js_

configureWebpack: {   resolve: {    // 别名配置     alias: {       'assets': '@/assets',       'common': '@/common', 　　　　'components': '@/components'    }      }   }

const path = require('path'); function resolve(dir) { 　　return path.join(__dirname,dir) } module.exports = {  devServer: {    ...  },  lintOnSave:false, // eslint-loader 是否在保存时候检查代码  productionSourceMap: false, // 生产环境是否生成sourceMap 文件  filenameHashing: true, // 文件hash 　　configureWebpack: config => { 　　　　if(process.env.NODE_ENV === 'production') { 　　　　　　... 　　　　}else { 　　　　　　... 　　　　} 　　　　// 直接修改配置 　　　　config.resolve.alias['assets'] = resolve('src/assets') 　　} }

configureWebpack: config => {   if(process.env.NODE_ENV){     ...   }else{     ...   }   // 返回一个将要合并得对象   return {     resolve: {       alias: {         '@asset': resolve("src/assets")       }     }   } }

module.exports = {   chainWebpack: config => {     config.module     .rule('vue')     .use('vue-loader')     .tap(options => {       // 修改他的选项       return options     })   } }

module.exports = {   chainWebpack: config => {     config.module     .rule('graphql')     .test('/\.graphql$/')     .use(''graphql-tag/loader')      .loader('graphql-tag/loader)      .end()     // 你还可以再添加一个loader     .use('other-loader')       .loader('other-loader')       .end()   } }

module.exports = {   chainWebpack: config => {     const svgRule = config.module.rule('svg')     // 清楚已有的所有loader。     // 如果你不这样做，接下来的loader会附加在该规则现有的 loader 之后。     svgRule.uses.clear()     // 添加要替换的 loader      svgRule       .use('vue-svg-loader')         .loader('vue-svg-loader')   } }

const path = require('path') const resolve = (dir) => path.join(__dirname, dir) module.exports = {   publicPath: './',   runtimeCompiler: true,   configureWebpack: (config) => {     console.log(config)   }, }

  mode: 'production',   context: 'C:\\Users\\shiyang.xue\\Desktop\\sems-pc',   devtool: false,   node: {     setImmediate: false,     process: 'mock',     dgram: 'empty',     fs: 'empty',     net: 'empty',     tls: 'empty',     child_process: 'empty'   },   output: {     path: 'C:\\Users\\shiyang.xue\\Desktop\\sems-pc\\dist',     filename: 'js/[name].[contenthash:8].js',     publicPath: '',     chunkFilename: 'js/[name].[contenthash:8].js'   },   resolve: {     alias: {       '@': 'C:\\Users\\shiyang.xue\\Desktop\\sems-pc\\src', //别名       'vue$': 'vue/dist/vue.esm.js'     },     extensions: [ '.mjs', '.js', '.jsx', '.vue', '.json', '.wasm' ],// vue解析时候查找文件的顺序     modules: [ // modules包的文件位置       'node_modules',       'C:\\Users\\shiyang.xue\\Desktop\\sems-pc\\node_modules',       'C:\\Users\\shiyang.xue\\Desktop\\sems-pc\\node_modules\\@vue\\cli-service\\node_modules'     ],     plugins: [ [Object] ]   },   resolveLoader: {     modules: [     // 这块就是modules的文件所在位置     ],     plugins: [ [Object] ]   },   module: {     noParse: /^(vue|vue-router|vuex|vuex-router-sync)$/,     rules: [       [Object], [Object],       [Object], [Object],       [Object], [Object],       [Object], [Object],       [Object], [Object],       [Object], [Object],       [Object]     ]   },   optimization: {     splitChunks: { cacheGroups: [Object] },     minimizer: [ [TerserPlugin] ]   },   plugins: [     VueLoaderPlugin {},     DefinePlugin { definitions: [Object] },     CaseSensitivePathsPlugin {       options: {},       logger: [Object [console]],       pathCache: Map(0) {},       fsOperations: 0,       primed: false     },     FriendlyErrorsWebpackPlugin {       compilationSuccessInfo: {},       onErrors: undefined,       shouldClearConsole: true,       formatters: [Array],       transformers: [Array],       previousEndTimes: {}     },     MiniCssExtractPlugin { options: [Object] },     OptimizeCssnanoPlugin { options: [Object] },     HashedModuleIdsPlugin { options: [Object] },     NamedChunksPlugin { nameResolver: [Function (anonymous)] },     HtmlWebpackPlugin { options: [Object] },     PreloadPlugin { options: [Object] },     PreloadPlugin { options: [Object] },     CopyPlugin { patterns: [Array], options: {} }   ],   entry: { app: [ './src/main.js' ] } }

  configureWebpack: {     performance: {       hints: 'error', // 枚举       maxAssetSize: 30000000, // 整数类型（以字节为单位） // 单个文件大小超出就提示       maxEntrypointSize: 500000000, // 整数类型（以字节为单位） // 入口文件大小超出设定的值 就提示       assetFilter: function (assetFilename) {         // 提供资源文件名的断言函数         return assetFilename.endsWith('.css') || assetFilename.endsWith('.js')       }     },   },

const path = require('path') const resolve = (dir) => path.join(__dirname, dir) module.exports = {   publicPath: './',   runtimeCompiler: true,   chainWebpack : (config) => {     console.log(config)   }, }

 parent: undefined, store: Map(3) { 'mode' => 'production', 'context' => 'C:\\Users\\shiyang.xue\\Desktop\\sems-pc', 'devtool' => false }, devServer:  { parent: [Circular *1], store: Map(0) {}, allowedHosts: { parent: [Circular *2], store: Set(0) {} }, shorthands: [ 'after', 'before', 'bonjour', 'clientLogLevel', 'color', 'compress', 'contentBase', 'disableHostCheck', 'filename', 'headers', 'historyApiFallback', 'host', 'hot', 'hotOnly', 'http2', 'https', 'index', 'info', 'inline', 'lazy', 'mimeTypes', 'noInfo', 'open', 'openPage', 'overlay', 'pfx', 'pfxPassphrase', 'port', 'proxy', 'progress', 'public', 'publicPath', 'quiet', 'setup', 'socket', 'sockHost', 'sockPath', 'sockPort', 'staticOptions', 'stats', 'stdin', 'useLocalIp', 'watchContentBase', 'watchOptions', 'writeToDisk' ], after: [Function (anonymous)], before: [Function (anonymous)], bonjour: [Function (anonymous)], clientLogLevel: [Function (anonymous)], color: [Function (anonymous)], compress: [Function (anonymous)], contentBase: [Function (anonymous)], disableHostCheck: [Function (anonymous)], filename: [Function (anonymous)], headers: [Function (anonymous)], historyApiFallback: [Function (anonymous)], host: [Function (anonymous)], hot: [Function (anonymous)], hotOnly: [Function (anonymous)], http2: [Function (anonymous)], https: [Function (anonymous)], index: [Function (anonymous)], info: [Function (anonymous)], inline: [Function (anonymous)], lazy: [Function (anonymous)], mimeTypes: [Function (anonymous)], noInfo: [Function (anonymous)], open: [Function (anonymous)], openPage: [Function (anonymous)], overlay: [Function (anonymous)], pfx: [Function (anonymous)], pfxPassphrase: [Function (anonymous)], port: [Function (anonymous)], proxy: [Function (anonymous)], progress: [Function (anonymous)], public: [Function (anonymous)], publicPath: [Function (anonymous)], quiet: [Function (anonymous)], setup: [Function (anonymous)], socket: [Function (anonymous)], sockHost: [Function (anonymous)], sockPath: [Function (anonymous)], sockPort: [Function (anonymous)], staticOptions: [Function (anonymous)], stats: [Function (anonymous)], stdin: [Function (anonymous)], useLocalIp: [Function (anonymous)], watchContentBase: [Function (anonymous)], watchOptions: [Function (anonymous)], writeToDisk: [Function (anonymous)] }, entryPoints: { parent: [Circular *1], store: Map(1) { 'app' => [Object] } }, module:  { parent: [Circular *1], store: Map(1) { 'noParse' => /^(vue|vue-router|vuex|vuex-router-sync)$/ }, rules: { parent: [Circular *3], store: [Map] }, defaultRules: { parent: [Circular *3], store: Map(0) {} }, shorthands: [ 'noParse', 'strictExportPresence' ], noParse: [Function (anonymous)], strictExportPresence: [Function (anonymous)] }, node: { parent: [Circular *1], store: Map(7) { 'setImmediate
                
提示：
                    本文由神整理自网络，如有侵权请联系本站删除！
                    

                    本站声明： 

                    1、本站所有资源均来源于互联网，不保证100%完整、不提供任何技术支持； 

                    2、本站所发布的文章以及附件仅限用于学习和研究目的;不得将用于商业或者非法用途；否则由此产生的法律后果，本站概不负责！
                
                

                

                                            
上一篇：vue3如何使用eventBus订阅发布模式_vue.js_
                                                                
下一篇：vue实现下拉菜单效果_vue.js_