webpack:
1、安装:在项目文件下先npm init初始化,一路回车
2、进入到建立的项目下:cd projectname
3、安装webpack:npm install webpack --save-dev
4、打开当前文件,开始编码
5、打包一个文件:

webpack的初步使用(01)

6、直接引入css文件会报错:

webpack的初步使用(01)

报错如下:

webpack的初步使用(01)

安装css-loader和style-loader

还是报错:

webpack的初步使用(01)

要先引用一下css-loader和style-loader(css-loader前面再加一个style-loader!)

webpack的初步使用(01)

 

 直接在新建一个index.html文件,引入压缩打包的文件进行测试:

webpack的初步使用(01)

运行成功:

webpack的初步使用(01)

也不用每次在css前面引入css-loader:可以利用webpack的命令行参数,可以自动引入相应的loader:

webpack的初步使用(01)

这样也可以打包,并没有报错。为了每次修改css,都不用每次都执行一次上述命令,我们可以用--watch这个参数来进行监听

webpack的初步使用(01)

可以用如下的命令,可以把我们所引用的模块都罗列出来。

webpack的初步使用(01)

 

相关文章:

  • 2022-02-10
  • 2022-01-22
  • 2021-07-03
  • 2021-11-28
  • 2021-11-17
  • 2021-09-11
  • 2021-10-05
  • 2021-09-28
猜你喜欢
  • 2021-05-27
  • 2021-12-22
  • 2021-09-04
  • 2022-12-23
  • 2022-12-23
  • 2021-11-07
  • 2022-12-23
相关资源
相似解决方案