通过一个demo带你深入进入webpack@4.46.0源码的世界，分析构建原理，专栏地址，共有十篇。

通过一个demo带你深入进入webpack@4.46.0源码的世界，分析构建原理，专栏地址，共有十篇。

目录1. vue-cli安装1.1 安装前提1.2 什么是vue-cli1.3 安装vue-cli2. 使用vue-cli构建项目2.1 使用脚手架创建项目骨架2.2 到新建项目目录，安装需要的模块2.3 如何修改端口号2.4 添加element-ui模块2.5 package.json详...

事实也如此，Rome团队用时一年半终于上线了第一个稳定版本Rome v10[1]。

我们这个项目使用webpack来打包构建，所以需要安装webpack的相关的一些依赖，把webpack和TypeScript等一些东西整合一下，以方便我们后面整个项目的开发。

JavaScript代码可以直接被浏览器执行，而TypeScript则需要编译后才能被执行，比如使用tsc命令编译。但这就会显得很麻烦，每次都要运行命令，编译后才能被执行。而且项目里不止写一个TypeScript文件，如果有多个ts文件，我们一个...

当我们使用webpack5.x打包项目时，在现网环境需要使用mini-css-extract-plugin将我们的样式打包到独立的样式文件中，使用官方推荐配置能正常运行

想要实现代理首先需要一个中间服务器，webpack中提供服务器的工具为webpack-dev-server

vue脚手架的作用是用来自动一键生成vue+webpack的项目模版，包括依赖库，免去你手动安装各种插件，寻找各种cdn并一个个引入的麻烦。vue脚手架指的是vue-cli，它是一个专门为单页面应用快速搭建繁杂的脚手架，它可以轻松的创建...

vue脚手架的作用是用来自动一键生成vue+webpack的项目模版，包括依赖库，免去你手动安装各种插件，寻找各种cdn并一个个引入的麻烦。