专业编程基础技术教程

网站首页 > 基础教程 正文

如何使用webpack搭建简单项目 webpack构建流程步骤

ccvgpt 2024-10-11 11:35:49 基础教程 40 ℃

本篇是基于webpack4.x版本的,有些低于4.x的相关依赖或插件,如:extract-text-webpack-plugin抽取样式插件,这里换成了mini-css-extract-plugin等

Git地址:https://zhangqh22.github.io/webpack_dev_server/

项目组织架构

如何使用webpack搭建简单项目 webpack构建流程步骤

安装已配置好的依赖,package.json,内容如下:

接下来配置webpack.config.js,相关的注释都有

启动项目(需要webpack-cli)

浏览器自动打开:http://localhost:3000/

参考链接:

  • https://www.html.cn/create-react-app/docs/running-tests/

最近发表
标签列表