首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

webpack(3)分离css到单独文件

1、本文达到的目标

2、简单打包形式下的输出

3、配置分离css到文件

3.1 方式一:html源码并未style先引入,style由js后加入

3.2 方式二:html源码先引入style,脱离js控制

4、总结

1、本文达到的目标

配置分离css内容到单独的文件

2、简单打包形式下的输出

常规方案:

打包后的dist目录可看到, 只有html、js两个文件;其中js包含了css文件

页面显示情况,正常应用了css文件

3、配置分离css到文件

为什么要分离,东西大了不好管理,放在一起太杂

3.1 方式一:html源码并未style先引入,style由js后加入

3.2 方式二:html源码先引入style,脱离js控制

4、总结

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20181228G18EJT00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券