如何在vue中使用less
阿新 • • 發佈：2019-01-06
轉自：http://blog.csdn.net/lyt_angularjs/article/details/76241626
僅用於學習，不可商用！
初始環境：npm+node
CNPM:
如果安裝速度過慢，請安裝cnpm，然後將下列所有npm換成cnpm。命令列中輸入：npm i -g cnpm --registry=https://registry.npm.taobao.orgVue新建專案：
npm i -g vue vue-cli webpack -g解釋：此命令用於安裝vue的基礎環境i 表示install
-g表示全域性安裝
webpack是官方推薦的打包工具
vue init webpack youProjectName
解釋：安裝css預處理語音stylus和less用於編寫css--save-dev表示編寫時依賴這些環境但編譯後執行時不再依賴npm run dev解釋：執行此專案npm run build 解釋：使用webpack打包打包結果在youProjectName下面的dist中只需將dist目錄放到tomcat中並設定主頁為dist/index.html即可在線上環境執行
2。。。。或者下面的方法
npm installlessless-loader --save-dev
安裝成功後，開啟 build/webpack.base.conf.js ，在 module.exports = 的物件的 module.rules 後面新增一段：
- module.exports = {
- module: {
- rules: [
- {
- test: /\.less$/,
- loader: "style-loader!css-loader!less-loader",
- }
- ]
- }