![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
weixin_45368324
这个作者很懒,什么都没留下…
展开
-
webpack4.0基础(四)
使用babel处理ES6语法 官网:https://babeljs.io/ 1.npm i -D babel-loader @babel/core @babel/preset-env # 安装 babel-loader 和 @babel/core 和 @babel/preset-env babel-loader: 是 webpack 和 babel 通讯的桥梁,使 webpack 和 babel 打通,babel-loader 并不会把 js 中的 ES6 语法转换成 ES5 语法 @babel/core原创 2020-06-04 07:27:06 · 100 阅读 · 0 评论 -
webpack4.0基础(三)
Loaders https://webpack.js.org/loaders/ 当 webpack 碰到不识别的模块的时候,webpack 会在配置的 module 中进行该文件解析规则的查找: rules 就是我们为不同类型的文件定义的解析规则对应的 loader,它是一个数组,每一种类型规则通过 test 选项来定义,通过正则进行匹配,通常我们会通过正则的方式来匹配文件后缀类型。如/.css$/。 use选项 针对匹配到文件类型,调用对应的 loader 进行处理 打包样式文件 处理样式的loader原创 2020-06-03 07:14:39 · 110 阅读 · 0 评论 -
webpack4.0基础(二)
Plugins 扩展 webpack 本身的一些功能,它们会运行在各种模块解析完成以后的打包编译阶段,比如对解析后的模块文件进行压缩等 。 1. html-webpack-plugin 在打包结束后,自动生成一个 html 文件,并把打包生成的 js 模块引入到该 html 中 。 官网:https://www.webpackjs.com/plugins/html-webpack-plugin/ 安装: $ yarn add html-webpack-plugin -D OR npm install --s原创 2020-06-02 06:16:10 · 75 阅读 · 0 评论 -
webpack4.0基础(一)
webpack的安装 为了防止全局安装出现的版本冲突,我们真实项目开发的时候基本上以安装在本地项目中为主; $ npm init -y $ yarn add webpack webpack-cli -D OR $ npm i webpack webpack-cli --save-dev webpack的基础使用 初步体验(零配置) 基础打包语法: SRC:存储项目开发的源文件 DIST:打包后的文件目录 /* * 默认会打包SRC目录中的JS文件(入口默认index.js) * 打包完成的目录默原创 2020-05-31 18:34:05 · 104 阅读 · 0 评论