在webpackDemo 文件夹中新建 style.css,index.html

style.css 中将背景色设为红色。

body{
background-color: red;
}

he'llWorld.js

require('./test.js');
require('./style.css');
function hello(){
console.log("Hello, Webpack!");
} hello();

运行命令,会报错,如下图:

  

  这是因为没有 css解析器的原因,需要安装 style-loader、css-loader.

  命令如下

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

  然后,将require语句改成

require('style-loader!css-loader!./style.css');

  重新运行即可

  

最新文章

  1. POJ1385 计算多边形的重心
  2. Spring 依赖注入方式详解
  3. Scrum团队成立3.0
  4. 第2章 面向对象的设计原则(SOLID):4_接口隔离原则(ISP)
  5. linux配置ant
  6. 双操作系统Grub 引导修护
  7. Python自动化运维之18、Python操作 MySQL、pymysql、SQLAchemy
  8. RunLoop想入门,看这篇就够了
  9. java的Xmx是设置什么的?
  10. windows下使用Git Bash命令行克隆远程仓库代码
  11. js复制内容到剪贴板
  12. PKUWC2018划水记
  13. nginx配置url重写
  14. C++前置声明
  15. TensorFlow练习24: GANs-生成对抗网络 (生成明星脸)
  16. hdu1569-方格取数-二分图网络流
  17. pycharm 对代码做静态检查
  18. Windows下获取文件的md5码的方法
  19. 【laravel5.4】PHP5.6+ 调用命名空间下类方法、属性和对象
  20. selinux开关

热门文章

  1. iOS 申请distribution证书, 公钥,私钥
  2. 跨域(一)——CORS机制
  3. Idiom: a Lot on my Plate
  4. 在新安装的Linux系统中,防火墙默认是被禁掉的,一般也没有配置过任何防火墙的策略,所有不存在/etc/sysconfig/iptables文件。
  5. effective C++学习三(仅供个人学习记录,本文摘录effective C++)
  6. Nginx搭建hls流媒体服务器
  7. yii2-ueditor
  8. matlab stereo_gui立体标定
  9. keras初探
  10. ezmorph将一种对象转换成另外一种对象