wusq的博客

webpack-dev-server开发热更新 安装webpack-dev-server@3.10.3 npm install webpack-dev-server@3.10.3 -D 在webpack.config.js添加配置项devServer // 配置webpack-dev-server devServer: { // 端口号 port: 8088, // 自动打开浏览器 open: true }, 执行命令： npx webpack-dev

使用webpack打包图片文件 在scr目录下创建image文件夹，并且添加几张图片 在main.js使用import方式引入所有图片，并且append到app节点下 // 引入图片资源 import i1 from './image/image1.png' import i2 from './image/image2.png' // 创建图片对象 let img1 = document.createElement('img') img1.src = i1 let img2 = document.cr

文章目录使用webpack进行工程化开发使用webpack打包文件使用webpack自动生成html文件使用webpack打包css文件 使用webpack进行工程化开发 1.检查本地安装的版本 webpack -v 2.在本地全局安装（指定版本） // 安装核心库 npm install webpack@4 -g // 安装工具 npm install webpack-cli@3 -g 3.在当前项目安装webpack 在当前项目里初始化一个包的描述文件 npm init -y 再安装webp