在上一篇我们讲了Typescript + React + Webpack4的基本配置,通过在上一篇的配置,我们能够:
1:通过npm run dev在浏览器里面看到一个只包含html的页面
2:通过npm run build打包可用于上线的文件
但是,在一个完整的前端项目里,以上的配置满足了大体的框架,但是还有很多细节需要补充
1:SCSS相关配置
1.1:安装node-sass, sass-loader, css-loader, style-loader
npm install --save-dev node-sass sass-loader css-loader style-loader
node-sass - 把SCSS编译为CSS(被sass-loader使用)
sass-loader - 把SCSS编译为CSS
css-loader- 使得@import 和 url() 可以工作
style-loader- 通过使用