- autoprefixex
autoprefixex模块为了兼容所有的浏览器,需要通过CSS属性为不同的浏览器加上对应的前缀
(在最后编译的时候会由autoprefixer自动加上)
2. babel
最流行的ES6到ES5的转译器,这和它最早支持JSX语法相关。
更好写的语法ES6、Less、React => (Babel Webpack转义处理) => 浏览器中可执行的代码(HTML、
JavaScript、CSS)在webpack配置文件里,entry是入口
3. 按需引入模块
安装 babel-plugin-import 插件,babel-plugin-import 是一款 babel 插件,它会在编译过程中将 import 的写法自动转换为按需引入的方式
项目中使用typeScript
webpack集成使用ts-loader,它是一个TypeScript类加载器,结合couce-map-loader
示例地址:https://www.tslang.cn/docs/handbook/migrating-from-javascript.html
souce-map-loader使用typeScript输出的soucemap文件来告诉webpack何时生成自己的soucemaps