1. 项目样式初始化
npm i normalize.css
//导入
import 'normalize.css'
还要定义初始化的一些less文件 在main.js就是中引用
2. vuex持久化插件
npm i vuex-persistedstate
在store/index.js中配置
import createPersistedstate from 'vuex-persistedstate'
plugins: [
createPersistedstate({
key: 'erabbit-client-pc-store',
paths: ['user', 'cart']
})
]
3. less包管理
vue add style-resources-loader
这是一个vue-cli 脚手架的插件
完成以后会生成一个vue.config.js 文件 需要进行一下配置
const path = require('path')
module.exports = {
pluginOptions: {
'style-resources-loader': {
preProcessor: 'less',
patterns: [
path.join(__dirname, './src/styles/variables.less'),
path.join(__dirname, './src/styles/mixins.less')
]
}
}
}