![](https://img-blog.csdnimg.cn/20201106173823233.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
Webpack
Webpack常用技术文章整理
卡尔特斯
大前端交流群:dengzemiao
GitHub: https://github.com/dengzemiao
掘金:https://juejin.im/user/4450440831840909
展开
-
Webpack - Vue 配置开发环境与正式环境
在手动设置之前,可以看一下 Vue-Cli 官方的 环境变量和模式 。通常开发运行项目时候只需要一个development(开发环境),打包时候却可能需要多种环境(测试环境、uat环境、正式环境),那么我们就需要添加支持多种环境的包,其实也就是每个一个环境对应一个配置文件。新建一个Vue项目 Vue升级3.x以及项目创建 vue create vue-webpack-test创建完成之后是这样的:创建配置文件在根目录下创建 .env.development(开发环境)..原创 2020-11-09 10:13:33 · 498 阅读 · 0 评论 -
Webpack 配置开发环境与正式环境
我在上一篇文章:【Webpack4 创建项目以及打包一个JS文件】 已经搭建过环境以及创建过项目了。1、创建一个文件夹 webpack,通过命令行 cd 到该文件夹$ cd /webpack2、进行初始化$ npm init3、如果没有安装 webpack、webpack-cli 可以看顶部文章进行安装。4、安装 webpack-dev-server$ npm install webpack-dev-server --save-dev5、安装完成之后,在当前目录创建一个 main.js原创 2020-11-06 17:44:23 · 306 阅读 · 0 评论 -
Webpack Babel (编译ES6/7)
我在上一篇文章:【Webpack4 创建项目以及打包一个JS文件】 已经搭建过环境以及创建过项目了。1、创建一个文件夹 webpack,通过命令行 cd 到该文件夹$ cd /webpack2、进行初始化$ npm init3、安装 babel$ npm install -D babel-loader @babel/core @babel/preset-env4、然后我们新建一个 main.js 以及一个 index.html,跟上一个文章中一样用于测试5、创建 webpack.con原创 2020-11-06 17:42:58 · 211 阅读 · 0 评论 -
Webpack4 创建项目以及打包一个JS文件
我在上一篇文章:【Webpack 安装】 已经搭建过环境了。1、创建一个文件夹 webpack,通过命令行 cd 到该文件夹$ cd /webpack2、进行初始化,除了 package name 需要手动设置,其他都可以直接按回车就行了,后面自己在改也没事$ npm init注意在填写项目名称的时候,修改一下名字,默认是叫 webpack, 但是我们下一步需要依赖 webpack,会报错文字已存在,所以记得修改一下名字就行package name: (webpack) dzm3、安装原创 2020-11-06 17:42:28 · 628 阅读 · 0 评论 -
Webpack 安装使用(详细步骤)
Webpack官网、Node.js官网、npm官网、npm中文官网、npm使用以及命令含义Webpack 需要基于 Node.js、npm如果是使用 Vue 进行开发,vue 自带的脚手架里面就包含了 Webpack,可以直接项目内使用。当然也可以自己在安装一个自己玩使用,毕竟那个是在脚手架里面的,外部还是可以在安装一个自己玩的。MAC电脑 Node.js 、npm 推荐使用 Homebrew 进行安装管理$ brew install node$ brew install n..原创 2020-11-06 17:41:01 · 1778 阅读 · 0 评论