博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
webpack+vue自学(2)
阅读量:5971 次
发布时间:2019-06-19

本文共 878 字,大约阅读时间需要 2 分钟。

webpack  仅仅是把几个js文件打包到一起吗?

以下是loader的特性貌似很复杂的样子:

1、loader可以把资源转化为任意格式,并传递给下一个loader,最终转化结果是一个javascript。

2、loader可同步执行也异步执行。

3、loader运行在node.js环境中,所以可以做任何可能的事情。(不可能的事情如何去做,这话不好理解)

4、locader可以通过文件扩展名(或者正则表达式)绑定给不同类型的文件。

5、loader可以通过npm发布和安装。

6、除了通过package.json的main指定,通常的模块也可以导出一个laoder来使用。

7、loader可以访问配置。

8、插件可以让loader 拥有更多特性。

9、loader可以分发出附加的任意文件。

10、loader可以接收参数。

 

npm install css-loader style-loader --save-dev  //安装读取css的css-loader,再用style-loader把他插入到页面中。

搞完之后,package.json发生了变化:

 

添加一个css文件 然后在entry.js中 require("!style!css!./style.css"),就增加了对css的引用。

打包后,看看index.html有没有受到信的css样式文件的影响。

-------------------------------------------------------------------------------------------------------------------------------------------------------------------

 

 require("!style!css!./style.css")  其中的两个感叹号看起来很奇怪。

 

asp.net mvc理论qq群 516356157

 

转载于:https://www.cnblogs.com/dagedan/p/5651188.html

你可能感兴趣的文章
VC++学习(9):定制应用程序外观
查看>>
BAT CMD 批处理文件脚本总结(中文)
查看>>
如何通过使用64位版本 Windows 查看系统注册表
查看>>
50款精美的免费PSD网站模板下载(第五季)
查看>>
Firefox 4.0:我们2011年再见面吧
查看>>
3GPP2 协议下载网站
查看>>
图片二进制上传2
查看>>
c#编写高性能Tcp Socket应用注意事项
查看>>
wince PB 5.0下载,wince PB 5.0下镜像下载,wince PB 5.0下 img下载
查看>>
textbox+dropdownlist实现联想功能。类似百度,谷歌查询。。
查看>>
Android实现网络多线程断点续传下载
查看>>
42幅非常有创意的食品广告欣赏(上篇)
查看>>
C# 线程手册 第六章 线程调试与跟踪
查看>>
calendar日历控件实例
查看>>
状态模式
查看>>
TranslateAnimation类:位置变化动画类
查看>>
Open Xml 创建Excel并插入数据
查看>>
Relax! It's just a game(排列组合,简单)
查看>>
GNU make manual 翻译(八)
查看>>
angularjs表达式-Expression
查看>>