静态资源和网页分开部署, 静态资源部署到CDN
前端是一种远程部署,运行时增量下载的GUI软件。 前端是一种技术问题较少、工程问题较多的软件开发领域。
webpack的入口文件怎么配置,多个入口怎么分割啥的,我也没太听清楚。 我看到你的项目用到了Babel的一个插件:transform-runtime以及stage-2,你说一下他们的作用。 我看到你的webpack配置用到webpack.optimize.UglifyJsPlugin这个插件,有没有觉得压缩速度很慢,有什么办法提升速度。 有没有自己写过webpack的loader,他的原理以及啥的,记得也不太清楚。
有没有去研究webpack的一些原理和机制,怎么实现的。
webpack的四个核心概念:
- entry
- output
- loaders
- plugins
生产环境:
- 抽离css文件
- 使用Uglify
- 输入需要部署的dist文件
Webpack模块化编程, 使用gulp一般会把css\js\html\image放在不同目录下
webpack进阶配置:
- 指定静态资源的url路径前缀
- 各个页面分开打包
- 打包时区分开发环境和生产环境
- 输出的entry文件加上hash
- 第三方库和业务代码分开打包
- 开发环境关闭performance.hints
- 配置favicon
- 开发环境允许其他电脑访问
- 打包时自定义部分参数
- webpack-dev-server处理带后缀名的文件的特殊规则
- 代码中插入环境变量
- 简化import路径
- 优化babel编译后的代码性能
- 使用webpack 2自带的ES6模块处理功能
- 使用autoprefixer自动创建css的vendor prefixes
-
- 编译前清空dist目录
- 那么, 让我们在上面的配置的基础上继续完善, 下面的代码我们只写出改变的部分. 代码在examples/advanced目录.