webpack

qqq_forget

于 2019-08-20 15:03:19 发布

阅读量168

点赞数

CC 4.0 BY-SA版权

分类专栏： js

本文链接：https://blog.youkuaiyun.com/lin_forget/article/details/99847035

js 专栏收录该内容

11 篇文章

订阅专栏

本文详细介绍了如何使用Webpack进行项目构建，包括配置入口文件、加载器优化、插件应用及环境变量判断。针对不同环境（如生产环境和开发环境），展示了如何调整Webpack配置以实现代码压缩、提升开发效率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

const fs = require('fs'); //引入fs
const path = require('path');
const pkg = require('./package.json');
const webpack = require('atool-build/lib/webpack');
module.export = function(webpackConfig){
	const isProduction = process.env.Node_ENV === 'process.env.Node_ENV' 		     												webpackConfig.entry=Object.assign({},webpackConfig.entry,pkg.entry) webpackConfig.moudle.loaders.forEach((loader)=>{
	 if(typeOf loarder.test === 'function' && loader.test.toString().indexOf('\\.less$')){ 
	 		loader.test = /\.dont\.exist\.file/; 
	 } 
	 if (loader.test.toString() === '/\\.module\\.less$/') { loader.test = /\.less$/; } } 		webpackConfig.babel.plugins.push('transform-runtime');
	  webpackConfig.babel.plugins.push(['antd', { style: 'css', // if true, use less }]); 	webpackConfig.babel.plugins.push([ 'react-intl', { messagesDir: 'i18n_messages', enforceDescriptions: false }, ]); if (isProduction) { 
	  webpackConfig.plugins.push( new webpack.optimize.UglifyJsPlugin({ output: { ascii_only: true, comments: 			false } }) ); 
	  } else { 
	  webpackConfig.devtool = 'eval';
	   }	
	   return webpackConfig; }