将webpack 2配置作为函数导出可以阻止转译。在webpack 2中,配置文件可以导出一个函数,该函数接收两个参数:环境变量和webpack配置对象。通过将配置文件导出为函数,可以根据不同的环境变量动态生成不同的配置。
使用函数导出配置的一个常见用例是根据环境变量来决定是否启用转译。例如,可以根据环境变量来判断是否需要使用Babel进行ES6转译。在函数中,可以根据环境变量的值来动态配置webpack的loader和plugin,从而实现阻止转译的效果。
下面是一个示例代码:
module.exports = (env, argv) => {
const isProduction = argv.mode === 'production';
const config = {
// 其他配置项...
};
if (!isProduction) {
config.module = {
rules: [
{
test: /\.js$/,
exclude: /node_modules/,
use: {
loader: 'babel-loader',
options: {
presets: ['@babel/preset-env']
}
}
}
]
};
}
return config;
};
在上面的示例中,根据argv.mode
的值判断当前环境是否为生产环境。如果不是生产环境,则在配置中添加一个针对JavaScript文件的loader,使用Babel进行转译。
这样,当使用webpack打包项目时,如果是生产环境,则不会进行转译,否则会使用Babel进行转译。
推荐的腾讯云相关产品:腾讯云云服务器(CVM)、腾讯云容器服务(TKE)、腾讯云函数计算(SCF)。
腾讯云产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云