vue2.0でlessをどのように参照しますか?
897 ワード
vue2.0でlessをどのように参照しますか?
ステップ1:
インストールless依存、
Webpackを変更します.config.jsファイル、loaderロード依存を構成し、外部のlessをサポートさせ、元のコードに追加
基本的にインストールが完了し、使用時にstyleラベルにlang="less"を付けるとlessのコードが書けるようになりました(styleラベルにscopedを付けるとこの役割ドメインのみ有効です)
(または
).
(
htmlに直接導入するには:
)
ステップ1:
インストールless依存、
npm install less less-loader --save
ステップ2:Webpackを変更します.config.jsファイル、loaderロード依存を構成し、外部のlessをサポートさせ、元のコードに追加
{
test: /\.less$/,
loader: "style-loader!css-loader!less-loader",
}
基本的にインストールが完了し、使用時にstyleラベルにlang="less"を付けるとlessのコードが書けるようになりました(styleラベルにscopedを付けるとこの役割ドメインのみ有効です)
(または
@import './app.less'; // app.less
).
(
htmlに直接導入するには:
)