小熊的博客

webpack打包环境优化的一个点：将css样式代码抽离出来。 若不抽离，可以在bundle.js中发现css代码被转化成节点样式插入到了body下；这个过程是：style-loader将外部css文件注入到html中，css内容使用css-loader进行解析，转化成js文件；因为webpack只能识别js文件。 css分离： 使用extract-text-webpack-plugin插件...

why框架代码与业务代码要拆分 单独打包类库文件原因：框架代码稳定性比较高，而业务代码更新迭代快，希望浏览器尽可能长的时间对框架代码进行缓存来减少服务器流量，让用户加载速度更快。 方法 在entry中设置框架代码放置的文件config.entry = { app: path.join(__dirname, 'src/index.js'), ...

loaderloader就是集成到webpack的文件处理方法，这些loader在webpack打包过程中，可以对指定类型的文件进行相应的处理。loader优先级问题： （1）配置项module的rules中同一个test下的use中的loader的优先级：优先处理的loader放在配置数组的后面，见下面的对scss的处理。{ test: /\.scss$/, ...