generate-asset-webpack-plugin 在dist目录下生成一个静态文件,比如生成一个json配置文件 https://www.npmjs.com/package/generate-asset-webpack-plugin compression-webpack-plugin gzip 压缩 https://webpack.docschina.org/plugins/compression-webpack-plugin/ terser-webpack-plugin 去除console.log https://webp...
2在main.js 中使用插件 import plugins from '@/plugins' Vue.use(plugins) // 本子,使用use,会自动触发插件对象中得install 3 以后再组件中可以直接用插件中写的东西 scoped样式 在styple上写 ,以后只针对于当前组件生效 localStorage和sessionStorage # window 浏览器对象有的东西 # 如果想在浏览器中存储数据...
2、然后在项目根目录中创建 .postcssrc.js 或 postcss.config.js 文件 vant中有描述 关于适配的使用 https://vant-contrib.gitee.io/vant/#/zh-CN/advanced-usage#rem-bu-ju-gua-pei module.exports = { plugins: { 'postcss-pxtorem': { rootValue: 37.5, // 如果将来是自己的设计图(750px),直接写75...
vue项目目录结构 myfirstvue# 项目名字-node_modules# 有很多小文件,该项目的依赖,项目传给别人,这个文件夹要删掉,如果这个文件夹没有, npm install 生成,并且装好该项目的依赖-public# 文件夹-favicon.ico# 网站顶部小图标-index.html# 单页面开发,整个项目就这一个html-src# 文件夹,内容重要,以后咱们代码主要...
plugins.push( new CompressionWebpackPlugin({ // 目标资源名称 [path]会被替换成原始资源的路径 [query]会被替换成查询字符串 asset: '[path].gz[query]', // 按照zlib的算法 algorithm: 'gzip', // 所有匹配该正则的资源都会被处理 默认值是全部资源 test: new RegExp( '\\.(' + config.build....
"plugins":{//key为插件的名称,value是插件的配置。"@vue/cli-plugin-babel":{},"@vue/cli-plugin-typescript":{"classComponent":false,"useTsWithBabel":true},"@vue/cli-plugin-router":{"historyMode":false},"@vue/cli-plugin-vuex":{},"@vue/cli-plugin-eslint":{"config":"prettier","...
// vite.config.tsimport{defineConfig}from'vite';importComponentsfrom'unplugin-vue-components/vite';import{EuiVueResolver}from'@eui-vue/resolver';exportdefaultdefineConfig(async({mode})=>{return{...,plugins:[Components({resolvers:[EuiVueResolver({importStyle:'less'})],})],...}} ...
"plugins": { "@vue/cli-plugin-babel": {} }, "vueVersion": "2" } } } 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 里面有个选项是presets. 下面就是我们保存的设置.设置名称是mySet.这个配置只安装一个插件:@vue/cli-plugin-babel ...
五、配置根目录别名 在vite.config.ts中配置: import { fileURLToPath, URL } from 'node:url' export default defineConfig({ plugins: [ vue(), ], resolve: { alias: { '@': fileURLToPath(new URL('./src', import.meta.url)),
importVuefrom'vue'importVuexfrom'vuex'importpersistedstatefrom'vuex-persistedstate';Vue.use(Vuex)exportdefaultnewVuex.Store({state:{},getters:{},mutations:{},actions:{},modules:{},// 持久化存储plugins:[persistedstate({storage:window.sessionStorage})],})...