webpack
文章平均质量分 62
花颜#
记录工作中的点点滴滴!
展开
-
webpack工程化(三)
注:执行yarn dev启动服务,webpack dev能够把文件build到内存里,不需要打包后的dist文件,浏览器也可以正常运行,dist文件夹用于将来部署到线上使用 服务启动后,我们index.html中写了一个home字符串,按道理浏览器访问的页面会显示这个字符串,但是目前没有显示,只执行了app.js中的代码 1、为了解决这个问题,需要在HtmlWebpackPlugin插件中配置模板 在这里插入代码片 new HtmlWebpackPlugin( { templ原创 2021-09-14 16:25:06 · 216 阅读 · 0 评论 -
webpack工程化(二)
1、新建index.html文件,使用webpack打包html 配置插件 yarn add html-webpack-plugin@4.5.0 -D webpack.config.js中添加插件 在package.json中添加script脚本,这样打包命令就可以使用yarn build 执行打包命令 yarn build 可以看到index.html文件已经被打包,并且app.js文件也被引入进来了 2、创建server 安装devserver模块 yarn add webpack-dev-s原创 2021-09-14 15:41:56 · 217 阅读 · 0 评论 -
webpack工程化(一)
准备工作:安装node.js、npm(这里不再概述) 1、全局安装yarn,本次搭建webpack工程,全部使用yarn命令,也可使用npm命令 npm install yarn -g 2、创建package.json文件,管理安装包 yarn init -y 3、本地安装webpack,新建webpack.config.js文件 安装4.XX版本,较为稳定 yarn add webpack@4.44.2 -D yarn add webpack-cli@3.3.12 -D 因为没有全局安装webpac原创 2021-09-14 14:50:46 · 174 阅读 · 0 评论