最近我做了一個Vue項目,但是在項目中發(fā)現(xiàn)沒有任何CSS文件。這讓我很困惑,因為CSS在網(wǎng)頁設(shè)計中是非常重要的。所以我開始探查是怎么回事。
首先,我檢查了我的src文件夾下的assets文件夾,看看是不是有CSS文件。但是,我發(fā)現(xiàn)那里只有圖片和字體文件夾,沒有任何CSS文件。
然后,我檢查了我的App.vue文件,看看是不是在這里導(dǎo)入了CSS文件。但是,我發(fā)現(xiàn)里面也沒有任何CSS的導(dǎo)入。
接著,我思考了一下,想到可能是我的項目使用了CSS模塊化的方式,所以并不需要單獨的CSS文件。于是,我查看了webpack的配置文件,發(fā)現(xiàn)了如下的代碼:
module: { rules: [ { test: /\.css$/, use: [ 'vue-style-loader', { loader: 'css-loader', options: { modules: true } } ] } ] }
這里使用了css-loader,并設(shè)置了modules為true,意味著使用CSS模塊化的方式。這就解釋了為什么我在項目中看不到CSS文件。
最后我發(fā)現(xiàn),我的項目確實是采用了Vue的CSS模塊化方式,所以我不用再擔(dān)心缺少了CSS文件的問題了。