前提・実現したいこと
Vue CLI 3とag-Gridの環境を構築しています。
Sass等のCSSの環境整備をしようと思っています。
発生している問題・エラーメッセージ
Vue CLI 3の設定でcss.modules: true
としたところ
ag-gridのCSSのstyleが反映されなくなりました。
該当のソースコード
vue.config.js
js
1module.exports = { 2 filenameHashing: false, 3 productionSourceMap: false, 4 css: { 5 extract: false, 6 modules: true, 7 } 8}
main.js
js
1import Vue from 'vue' 2import App from './App.vue' 3 4import "../node_modules/ag-grid-community/dist/styles/ag-grid.css"; 5import "../node_modules/ag-grid-community/dist/styles/ag-theme-balham.css"; 6 7・・・
試したこと
ブラウザ上でElementsを確認したところ、
styleでclassに接頭語と接尾語が追加されていることがわかりましたので、
CSSモジュールがmain.jsに適用されているのだと思いましたが、
対応方法がわかりません。
補足情報(FW/ツールのバージョンなど)
ag-grid-community: v19.1.4
ag-grid-vue: v19.1.2
@vue/cli-service: v3.0.5
よろしくお願いします。
あなたの回答
tips
プレビュー