1、在build目录下的webpack.base.config.js中的
resolve: {
extensions: ['.js', '.vue', '.json'],
alias: {
'vue$': 'vue/dist/vue.esm.js',
'@': resolve('src'),
'styles': resolve('src/assets/styles'),
}
},中可以自定义路径的简写方式,很简便。注意当修改此文件后需重启项目服务。
2、在单文件组件的style中想使用上面的路径简写方式需要在前面加上~符号。
3、使用icon font的时候,需要用到的是其中解压包中的字体文件和字体样式文件,将这些文件放到指定文件夹中,然后打开iconfont.css文件修改其中的字体文件引用路径,删掉下面的拼音名字的样式代码。在页面中使用时,需要加上iconfont类,然后将需要的字体,复制代码放到标签中即可;
网友评论