
webpack
沈鑫Real
web前端开发
展开
-
loader配置
当一种文件中需要使用多个loader时,使用 !来连接多个loader。如下CSS-loader中所示。babel-loader常用配置:module: { loaders: [ { test: /\.jsx?$/, exclude: /node_modules/, loader: 'babel原创 2017-12-29 11:23:27 · 1420 阅读 · 0 评论 -
webpack——配置环境变量
在开发过程中我们可能需要打大量的log,便于在开发过程中进行调试。但是当在生产环境中在浏览器中打出这么多日志会造成信息泄漏。如果在打生产包的时候逐行将log删除,开发时再添加显然是十分麻烦的。为此,我们可以利用Enviroment Flags,在使用webpack打包命令的时候传入对应的参数,告诉程序是否显示log。无论是使用webpack命令或是webpack-dev-server进行打包,环境变原创 2017-12-29 14:22:59 · 4276 阅读 · 0 评论 -
plugin配置
UglifyJs Plugin——用于将打包后的代码压缩。UgligyJsPlugin是webpack自带的插件,使用前定义一下即可,无需导入module:var webpack = require('webpack');var uglifyJsPlugin = webpack.optimize.UglifyJsPlugin;module.exports = { entry: './ma原创 2017-12-29 11:31:15 · 1233 阅读 · 0 评论