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

webpack加载其他资源

时间:2021-07-05 19:03:50      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:官方文档   需要   alt   guid   处理   module   bpa   打包   一个   

webpack不仅可以打包JavaScript模块,甚至它把网页开发中的一切资源都可以当做模块来打包处理,但是它本身并不支持,它只是一个打包平台,其他资源,例如css、less、sass、img等资源需要结合插件来实现。这些插件在webpack中称为loader,翻译过来就是加载器的意思

1、加载css

官方文档

1.1 先安装

npm install --save-dev style-loader css-loader

1.2 然后在webpack.config.js 中添加代码

技术图片


 module: {
	  rules: [{
		test: /\.css$/i,
		use: [‘style-loader‘, ‘css-loader‘],
          }, ],
	}

1.3、引入css

技术图片

webpack加载其他资源

标签:官方文档   需要   alt   guid   处理   module   bpa   打包   一个   

原文地址:https://www.cnblogs.com/191080438qq/p/14969683.html

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