webpack
vues
这个作者很懒,什么都没留下…
展开
-
webpack_tapble
1、如何使用let { SyncHook } = require("tabpable");class Lesson { constructor() { this.hooks = { arch: new SyncHook(["name"]), }; } tap() { //注册 监听函数 this.hooks.arch.tap("node", function (name) { console.log("node", name);原创 2021-02-07 13:39:04 · 127 阅读 · 0 评论 -
webpack的配置
const path=require('path');const VueLoaderPlugin=require('vue-loader/lib/plugin');const HtmlWebpackPlugin=require('html-webpack-plugin');// 当前文件夹的名字。//path.resolve(__dirname,'a.js');module.exports={ entry:path.resolve(__dirname,'src/app.js'), .原创 2020-05-17 22:32:51 · 148 阅读 · 0 评论 -
webpack的打包原理
一、webpack的基本能力:处理依赖、模块化、打包1、依赖管理:方便引用第三方模块,让模块更容易复用、避免全局注入导致的冲突、、避免重复加载或者加载不必要的模块2、合并代码:把各个分散的模块集中打包成大文件,减少HTTP的链接的请求次数,配合uglify.js可以减少、优化代码的体积3、各种插件:babel把ES6+转化为ES5-,eslint可以检查编译时的各种错误二、webpack的工作原理简单的说就是分析代码,找到“require”、“...原创 2020-05-16 17:53:26 · 1351 阅读 · 0 评论 -
webpack One CLI for webpack must be installed. These are recommended choices, delivered as separate
场景. 安装webpack的时候 遇到的情况; 直接按照提示安装 提示Module webpack-cli 不存在1One CLI for webpack must be installed. These are recommended choices, delivered as separate packages:- webpack-cli (https://github.c...原创 2019-07-07 16:58:16 · 204 阅读 · 0 评论