webpack项目引用CSS、JS、图片等文件

使用webpack进行打包时,单独引入的CSS、JS、图片以及第三方插件,在启动服务时,CSS、JS、图片以及第三方插件都是不生效的。使用相关加载器后可以正常使用(在index.js文件中引入,并在webpack.config.js中配置相关信息),但打包后没有会将所有文件都合并放在了我的输出文件aw-sdk.js文件中了。所以

使用CopyWebpackPlugin(webpack插件)

  1. 用来复制一个单独的文件或者整个目录到新建的文件夹下

  2. 通常用在我们打包的时候,将一些文件放到指定的文件夹下

而后,所有的资源就正常引入使用

 注意:引入相关资源时要写相对路径!!

 如引入JQuery时,也可使用npm install jquery下载依赖后,再在index.js中引入

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值