内容简介:之前讲过在引用css文件的时候可以引入style-loader和css=loader,诸如这样:现在提供一种更常用和更便捷的方法。## 引用其他js文件和css文件 ##
配置文件中设置引入css文件
之前讲过在引用css文件的时候可以引入style-loader和css=loader,诸如这样:
require("style-loader!css-loader!./src/css/style.css")
现在提供一种更常用和更便捷的方法。
- 同样先在项目文件夹下安装style-loader和css=loader模块
npm install style-loader css-loader --save-dev -
配置文件webpack.config.js如下:
module: { //module选项用来处理对应的模块 rules: [ { test: /\.css$/, //用正则匹配所有的css文件 use: ['style-loader','css-loader'] //使用style-loader,css-loader模块 } ] } - 这样就已经可以正常打包css文件了。
## 引用其他js文件和css文件 ##
- 创建基本目录如下:
- 在a.js和b.js文件中编写测试代码,如下:
- 编写css文件测试代码,如下:
- 在main.js中引用a.js、b.js和style.css文件
- 最后,npm run dev开始打包文件
- index.html中引入main.js文件,在浏览器中打开调试台
<script src="dist/js/bundle.js" type="text/javascript" charset="utf-8"></script>
这样,一个小demo就成功啦!
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网
猜你喜欢:- 许岑跨界学习高手:如何成为有效学习的高手
- 高手,这是高手!推荐几个我常看的顶级技术类公众号
- [译] 编程高手是如何练成的?
- Webpack Loader 高手进阶(一)
- Webpack Loader 高手进阶(二)
- 重构:高手的姿势你学不会
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
活着就为改变世界
[美] 杰弗里·扬、威廉·西蒙 / 蒋永军 / 中信出版社 / 2010-6 / 39.00元
内容简介 苹果公司CEO史蒂夫•乔布斯这个一直活在自己想象的世界里的创业奇才,经历过各种挫折与失落,但他那无所畏惧、敢于承担的个性让他一直努力实践着自己的价值观,总能为他的离奇想法找到解决问题的办法。 本书两位作者通过深入访谈和资料调查,揭秘了许多乔布斯个人的创业经历和家庭变故,为大家塑造了一个活生生的“乔布斯式”的鲜活人物,描述了一个个充满传奇色彩的商业奇迹,真实地再现了乔布斯几十年......一起来看看 《活着就为改变世界》 这本书的介绍吧!