効果
要素 plus の el- 接頭辞が eplus- に変更されます。
Sassをインストールする
npm install -D sass-loader@^10 sass
npm install -D ノード-sass
スタイルクラス名ファイルindex.scssを新規作成して変更します。
// styles/element/index.scss
// we can add this to custom namespace, default is 'el'
@forward 'element-plus/theme-chalk/src/mixins/config.scss' with (
$namespace: 'eplus'
);
// ...
Webパックを構成する
loaderOptions: {
// 给 sass-loader 传递选项
sass: {
// @/ 是 src/ 的别名
// 这些是公共的scss变量和混合方法等
additionalData:`@import "@style/element/index.scss";`,
}
}
mian.js インポート要素 ui.scss
@import "~element-plus/theme-chalk/src/index";