接著上一篇文章，如何在項(xiàng)目中引入樣式文件
1.引入css文件
- 在src下新建css文件夾所刀，新建base.css
index.html
base.css
- 正常我們想用這個(gè)樣式表的話衙荐，直接link就行了，但是這樣會(huì)發(fā)起二次請(qǐng)求浮创，我們可以在main.js中用ES6的語(yǔ)法引入
main.js
- 但是一保存忧吟，就報(bào)錯(cuò)
提示我們需要裝第三方loader，需要運(yùn)行cnpm i style-loader css-loader -D
并且需要在webpack.config.js中添加一個(gè)配置節(jié)點(diǎn)（module）蒸矛，和plugins平級(jí)瀑罗，這個(gè)節(jié)點(diǎn)用于配置所有的第三方模塊加載器即loader模塊
webpack.config.js
- 執(zhí)行命令行npm run dev重新運(yùn)行，樣式添加上了
2.引入less文件
- 執(zhí)行命令行cnpm i less-loader less -D 安裝loader雏掠，并在webpack.config.js斩祭，添加配置如下
webpack.config.js
3.引入scss文件
- 在src下css文件夾，新建other.scss
index.html
other.scss
- 在main.js中引入樣式表
main.js
- 執(zhí)行命令行 cnpm i sass-loader node-sass -D乡话，并在webpack.config.js摧玫，添加配置如下
webpack.config.js
- 執(zhí)行命令行 npm run dev 運(yùn)行,頁(yè)面樣式添加成功
