需求:
需要一個全局的函數臭蚁,px轉rem载城,不希望在每個vue文件中引入該函數
步驟一
新建文件弯予,src/assets/rem.css
@function px2rem($px, $base-font-size: 75px) {
@return ($px / $base-font-size) * 1rem;
}
步驟二
npm install sass-resources-loader --save-dev
步驟三
修改build/utils 文件
找到 generateLoaders 方法,修改 scss 為
scss: generateLoaders('sass').concat(
{
loader: 'sass-resources-loader',
options: {
resources: path.resolve(__dirname, '../src/assets/rem.scss')
}
}
),
步驟四:
在 vue文件中 使用
width: px2rem(2072px);
步驟五:
重新 npm run dev
vue-cli2.0 參考
http://www.imooc.com/wenda/detail/414065
vue-cli 3.0 參考:
https://blog.csdn.net/muguli2008/article/details/100578485