webpack 是什么?webpack是模块化管理工具,使用webpack可以对模块进行压缩、预处理、按需打包、按需加载等。 webpack 有哪些重要特征?
webpack 如何最佳配置?webpack官方提供的配置方法是通过module.exports返回一个json,但是这种场景不灵活,不能适配多种场景。 相对来说,第一种更简单,但是重复配置多;第二种更灵活,推荐第二种方式。 module.exports = function(env) { return { context: config.context, entry: config.src, output: { path: path.join(config.jsDest, project), filename: '[name].js', chunkFilename: '[name].[chunkhash:8].js', publicPath: '/assets/' + project + '/' }, devtool: 'eval', watch: false, profile: true, cache: true, module: { loaders: getLoaders(env) }, resolve: { alias: getAlias(env) }, plugins: getPlugins(env) };} 其中关键的配置这儿简单介绍如下,后续的系列博客会根据每个点详细介绍。 webpack和gulp的区别gulp是基于流的构建工具:all in one的打包模式,输出一个js文件和一个css文件,优点是减少http请求,万金油方案。 |
|