![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack4
Xaire
简简单单做自己该做并喜欢的事情。
展开
-
webpack4——css中引用图片
webpack.config.js中配置module module:{ rules:[ { /*打包css需要工具style-loader和css-loader *npm install style-loader --save-dev *npm ins...原创 2019-11-12 17:00:28 · 549 阅读 · 0 评论 -
webpack4——打包html文件
将index.html文件放在src文件夹中在webpack.config.js中配置:1.consthtmlPlugin=require('html-webpack-plugin');2./*需要npminstall--save-devhtml-webpack-plugin*/3.plugins:[ new htmlPlugin({ ...原创 2019-11-12 15:47:25 · 261 阅读 · 0 评论 -
webpack入门——打包css
webpack4会默认压缩js文件1.新建index.css文件2.在entry.js中引入index.css文件在webpack.config.js中配置moudle module:{ rules:[ { test:/\.css$/, use:['style-loa...原创 2019-11-12 15:08:55 · 136 阅读 · 0 评论 -
webpack入门——配置出入口和服务热更新
配置完成后,直接输入npm run server 启动服务,再浏览器中输入网址即可,具体配置参考下方新建文件webpack.config.jsconst path=require('path');module.exports={ entry:{ entry:'./src/entry.js',/**入口文件地址**/ entry2:'./src/...原创 2019-11-09 18:12:49 · 169 阅读 · 0 评论 -
webpack入门——安装与Demo
安装 参考地址npm install --save-dev webpacknpm install --save。如果你在安装一个用于开发环境目的的 package 时(例如,linter, 测试库等),你应该使用npm install --save-dev查看webpack和node的版本:webpack -v //如果webpack是v4+ 版本,你还需要安装CLI...原创 2019-11-09 17:47:50 · 183 阅读 · 0 评论