码迷,mamicode.com
首页 > Web开发 > 详细

webpack4.0样式处理(1)

时间:2019-12-08 23:45:03      阅读:194      评论:0      收藏:0      [点我收藏+]

标签:info   head   height   dex   模板   style   webp   图片   alt   

在index.js中引入index.css

安装:npm i css-loader style-loader -D

css-loader:处理@import这种语法

技术图片

style-loader:把css插入到head标签中

配置module:

技术图片

loader的顺序默认从右往左执行

如果想让模板内的样式生效:

技术图片

处理less:

npm i less less-loader -D

在rule新加一个对象:

技术图片

执行打包命令

webpack4.0样式处理(1)

标签:info   head   height   dex   模板   style   webp   图片   alt   

原文地址:https://www.cnblogs.com/zxmonster/p/12008260.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!