Vue CLI 3でcompss normalizeを使用する方法
normalize:基本的なスタイルを統一しました。complassのresetモジュールのようなもの)
compss:sassへのパッケージ、拡張
1.据え付け
npm i normalize.css compss-mixins--save-dev
1.1 normalize.cssx引用
メールの中で
vue.co nfig.jsに配置する
以上が本文の全部です。皆さんの勉強に役に立つように、私たちを応援してください。
compss:sassへのパッケージ、拡張
1.据え付け
npm i normalize.css compss-mixins--save-dev
1.1 normalize.cssx引用
メールの中で
import 'normalize.css'
これで引用が完了しました。F 12、参照してください。
body {
margin: 0; // 0 normalize
}
2.1 comppass引用vue.co nfig.jsに配置する
module.exports = {
css: {
loaderOptions: {
sass: {
//
data: `
@import "./node_modules/compass-mixins/lib/_compass.scss";
@import "./node_modules/compass-mixins/lib/compass/_layout.scss";
`
}
}
}
}
このように、complassが提供するモジュール機能を使用することができます。
@include border-radius(20px); // css3
その他の機能:http://compass.aether.ru/以上が本文の全部です。皆さんの勉強に役に立つように、私たちを応援してください。