webpack
Posden
唯天下之至拙能胜天下之至巧。曾国藩表示,我没说过这句话
展开
-
node后台 apidoc快速生成你的api文档
昨天发现了一个好东西 apidoc,真的很方便。安利安装npm install apidoc -g配置我以express 写的接口为例// 方便大家入门,我把注释写在后面,但是实际情况最好去掉,毕竟是根据它编译生成api文档的// //// 后面是注释/** * @api {get} /book/bookCategory/cateList 书籍分类列表查找 //// 规定...原创 2020-02-11 11:32:56 · 1048 阅读 · 1 评论 -
webpack 4.x (二)
webpack多入口npm install html-webpack-plugin -Dnpm install babel-loader @babel/core @babel/preset-env webpack-dev-server -Dwebpack.config.jsconst path= require("path");const HtmlWebpackPlugin...原创 2020-02-09 22:23:04 · 133 阅读 · 0 评论 -
webpack 4.x (一)
webpack零配置touch webpack-demonpm init [-y] npm install webpak webpack-cli -Dmkdir srccd srctouch index.jsindexjsconsole.log(1)改变配置文件起始文件 main (据实际情况)npx webpack会生成dist/main.js 文件,运行它,打...原创 2020-02-08 16:35:57 · 190 阅读 · 0 评论 -
vue-cli3 webpack分离公共库 试试Dllplugin
vue 开发过程中,保存一次就会编译一次,如果能够减少编译的时间,哪怕是一丁点,也能节省不少时间。开发过程中个人编写的源文件才会频繁变动,而一些库文件我们一般是不会去改动的,比如 vue vuex vue-router,axios等等。如果能把这些库文件提取出来,就能减少打包体积,加快编译速度。本文主要讲述在 vue-cli3 中利用 DllPlugin 来进行预编译。一开始 npm run b...原创 2019-11-07 13:50:59 · 1700 阅读 · 0 评论 -
webpack (二)配置
webpack 按照所影响的功能来划分:Entry: 配置模块的入口Output: 配置如何输出最终的想要的代码Module: 配置处理模块的规则Resolve: 配置寻找模块的规则Plugins: 配置扩展的插件DevServer: 配置DevServer其他配置项,主要还是以上一、Entrya.contextwebpack在寻找相对路径的文件时,会以context为根目...原创 2019-08-19 21:55:58 · 179 阅读 · 0 评论 -
webpack (一) 入门
webpackhttps://www.webpackjs.com/concepts/webpack 优点:专注于处理模块化的项目,能做到开箱即用,一步到位;通过Plugin扩展,完整好用又不失灵活;使用场景不限于web开发;社区庞大,大部分开源;良好的开发体验webpack缺点:采用模块化的项目安装全局安装(不建议,防止不同的项目版本不一形成冲突)npm insta...原创 2019-08-12 01:03:32 · 138 阅读 · 0 评论 -
webpack 入门
webpackweppackwebpack 是一个模块化加载工具,同时支持AMD、CMD等加载规范。三点优势:1.代码分割:支持同步和异步两种依赖加载2.loaders:默认情况下,只能处理JS文件。通过加载器可以把其他类型的资源转化JS输出3.插件机制:提供强大的插件系统安装全局 npm i webpack webpack-cli -g一、初使用npm init //...原创 2019-04-10 23:58:58 · 157 阅读 · 0 评论