13522679763-任国强

2021年12月3日

摘要： v-if v-show v-if v-else v-if v-else-if v-else v-for="(item,index) in list" :key={{item}} {{item}} // 循环 1 - 10 v-for="item in 10 " //1 改变数组的方法 push() 阅读全文

posted @ 2021-12-03 17:08 13522679763-任国强阅读(171) 评论(0) 推荐(0)

事件按键修饰符

摘要： // 事件修饰符 stop prevent capture self once passive stop 不会向上冒泡 @click.stop="handleClick" // self 不会向下触发事件只会触发自己的事件 @click.self="handleClick" // 冒泡方式改为阅读全文

posted @ 2021-12-03 17:07 13522679763-任国强阅读(60) 评论(0) 推荐(0)

绑定样式

摘要：绑定样式 data(){ return { message: 'hello Eric ', classString:'red', classObject:{ red:true, green:false }, classArray:['red','green',{brown:true}], style 阅读全文

posted @ 2021-12-03 14:16 13522679763-任国强阅读(21) 评论(0) 推荐(0)

2021年11月29日

配置只第一次加载需要引入的第三方包提升打包性能

摘要：配置只第一次加载需要引入的第三方包提升打包性能 npm install add-asset-html-webpack-plugin --save const addAssetHtmlWebpackPlugin = require('add-asset-html-webpack-plugin') / 阅读全文

posted @ 2021-11-29 15:42 13522679763-任国强阅读(44) 评论(0) 推荐(0)

webpack 配置 typescript

摘要： npm install webpack-cli@3.1.2 webpack@4.25.1 --save-dev npm install ts-loader@5.3.2 typescript@3.2.2 --save-dev 根目录下创建 tsconfig.json { "compilerOptio 阅读全文

posted @ 2021-11-29 09:57 13522679763-任国强阅读(40) 评论(0) 推荐(0)

2021年11月26日

环境变量env的使用

摘要：环境变量的使用 "scripts": { "dev-build": "webpack --config ./build/webpack.common.js", "dev": "webpack-dev-server --config ./build/webpack.common.js", "build 阅读全文

posted @ 2021-11-26 15:54 13522679763-任国强阅读(607) 评论(0) 推荐(0)

shimming 改变 this 指向指向 window

摘要： shimming plugins:[ new htmlWebpackPligin({ template:`./src/index.html` }), new cleanWebpackPligin(['dist'],{ root: path.resolve(__dirname,'../') }), / 阅读全文

posted @ 2021-11-26 15:39 13522679763-任国强阅读(35) 评论(0) 推荐(0)

contenthash 配置解决js缓存的问题

摘要： contenthash 配置解决js缓存的问题 optimization:{ runtimeChunk:{ name: 'runtime' }, usedExports:true, splitChunks:{ chunks:"all" , cacheGroups:{ vendors: { test: 阅读全文

posted @ 2021-11-26 15:04 13522679763-任国强阅读(164) 评论(0) 推荐(0)

css 代码分割合并压缩

摘要： css 代码分割 "sideEffects": ["*.css"], npm install --save-dev mini-css-extract-plugin@0.5.0 const miniCssExtractPlugin = require('mini-css-extract-plugin' 阅读全文

posted @ 2021-11-26 14:31 13522679763-任国强阅读(54) 评论(0) 推荐(0)

配置 js 代码分割

摘要： // 配置 js 代码分割 // 第一种 entry:{ // lodash:'./src/lodash.js' , main:'./src/index.js' }, // 第二种 optimization:{ splitChunks:{ chunks:"all" } }, plugins:[] / 阅读全文

posted @ 2021-11-26 11:09 13522679763-任国强阅读(85) 评论(0) 推荐(0)

Eric

公告