网站效果图设计方案,网站制作与建立,互联网广告推广是什么,网站建设商城模板项目中使用引入文件有时候路径比较深#xff0c;需要使用../../../xx.js这种类似的路劲引入#xff0c;这种方式比较笨#xff0c;可以使用webpack的别名alias配置来解决。 首先#xff0c;先确定项目中是否有path模块#xff1a; 如果没有path模块需要先安装…项目中使用引入文件有时候路径比较深需要使用../../../xx.js这种类似的路劲引入这种方式比较笨可以使用webpack的别名alias配置来解决。 首先先确定项目中是否有path模块 如果没有path模块需要先安装path npm install path --save 以下为vue.config.js配置 const path require(path);
function resolve(dir) {return path.join(__dirname, dir);
}module.exports {chainWebpack: config {config.resolve.alias.set(, resolve(src)).set(assets, resolve(src/assets)).set(components, resolve(src/components)).set(base, resolve(baseConfig)).set(public, resolve(public));},
} 项目开发阶段经常需要console一些测试数据查看开发过程中遇到的问题但生产环境中这些console数据需要清掉以前操作是项目配置一个全局的标志判断是否打印console数据近期发现一个更简便的方法通过webpack配置生产环境自动清除console。 首先安装uglifyjs-webpack-plugin插件 npm install uglifyjs-webpack-plugin --save 其次在vue.config.js文件引入插件。 最后配置configureWebpack如下代码 const UglifyJsPlugin require(uglifyjs-webpack-plugin); // 引入插件module.exports {configureWebpack: {optimization: {minimizer: [new UglifyJsPlugin({uglifyOptions: {compress: {warnings: false,drop_console: true, //consoledrop_debugger: false,pure_funcs: [console.log] //移除console}}})]}},
} 这两个webpack配置还是挺实用的本人亲测有效希望能够解决你遇到的问题。 转载于:https://www.cnblogs.com/skylineStar/p/10282347.html
