vue webpack-simple

vue腳手架 基本使用流程:

1. npm install vue-cli -g   安裝 vue命令環(huán)境
    驗證安裝ok?
        vue --version
2. 生成項目模板
    vue init <模板名> 本地文件夾名稱
3. 進入到生成目錄里面
    cd xxx
    npm install   (將package.json 的內(nèi)容下下來)
4. npm run dev  (編譯程序) npm run bulid(打包)

如要使用less 編寫樣式代碼
若出現(xiàn)如下錯誤:


image.png

package.config.js 內(nèi)是沒有配置less-loader 的
所以需要在里面配置less-loader
先下載:npm install less-loader@5 -S (6的版本有問題)
再下載:npm install less -D
然后:打開package.config.js 配置less
{
test: /.less$/,
use: [
'style-loader',
'css-loader',
'less-loader'
]
},
接著重新運行nom run dev

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容