weixin_44314609的博客

先上需要的效果图哈如图所示，再vue项目中，分享携带头部标题、简介和缩略图等信息，下面进入正题：安装&引入// 再index.html中放入 <script src="https://res2.wx.qq.com/open/js/jweixin-1.6.0.js"></script>或者使用官方插件npm i weixin-js-sdk使用（再需要引用的页面）// npm安装的需要引入let wx = require('weixin-js-sd

安装npm i lib-flexible --save引入// main.jsimport 'lib-flexible'安装插件npm i px2rem-loader --save-dev配置方法一、在vue-cli3的项目中，找到node_modules/@vue/cli-service/lib/config/css.js，加入代码rule .use('px2rem-loader') .loader('

创建vue项目vue create ssr-demo安装router、vuexvue add routervue add vuex基础vue项目目录如下：重构成ssr项目1、修改路由配置// router/index.jsimport Vue from 'vue'import VueRouter from 'vue-router'import Home from '../views/Home.vue'Vue.use(VueRouter)// 工厂函数 每次请求返回一个Rou

来看看两道概念题：问一：chunk，bundle，module的区别?chunk指的是经过webpack转化处理后的代码片段；bundle指的是经给webpack处理后输出的文件，统称 bundle文件；module： webpack中万物皆模块。问二：hash ，chunkhash， contenthash的区别？hash 是代码发生变化，整个项目的hash就会发生变化；但是仅有个别文件发生变化，显然缓存就没有了意义。chunkhash 是根据不同的入口文件(Entry)进行依赖文件解

entry —— 可字符串，可对象，可数组打包入口 （spa【单页面应用 / 单入口】， mpa【多页面应用 / 利于seo】）output占位符： [name], —— 名字[hash] —— 类似时间戳，利于缓存 [hash:6]的形式限制位数 （内容发生变化，hash就变化）[chunkhash]例：const path = require('path')module.exports = { // 入口 entry: { // 多入口 index: './src

安装// 局部npm install webpack webpack-cli -D// 全局npm install webpack webpack-cli -g启动npx webpacknpx webpack // 默认以生产模式发布打包 productionscript脚本命令// package.json中添加配置"scripts": { "test": "echo \"Error: no test specified\" && exit 1"

上一章webpack的loader，我们已经自己测试并开发了一个样品，这次我们了解下plugin（插件）的用法及运行机制。基础的搭建这里就不再说了，可以直接看上一章搭建完后，还是老规矩，放图片路径在src中创建main.js，内容随意编写console.log('plugin')需求一：自动清除dist的插件首先，谈谈需求，每次重新运行打包，都会覆盖之前的dist，但并非删除，这显然不是我们所要的结果，因此，引入在每次打包之前自动清除dist的插件，就必不可少的；第一步，安装npm in

作为程序员，百忙的业务中也要抽空来学习其他技术，这不，最近感觉自己对webpack的理解真的太少，又得知提高工作效率，离不开webpack；成为中高级前端工程师，webpack也必不可少，因此，重新webpack来入门，相信会收获写新知识。webpack 基础搭建创建webpack-demo文件，引入webpack和webpack脚手架npm install webpack webpack-cli --save-dev初始化npm init如果想使用默认配置，则npm init -y在