less : 解决升级后报错的问题
2024-09-07 18:17:58
vue2项目。
上版本。
{
"name": "xxx",
"version": "1.0.0",
"description": "xxx",
"author": "novel.slientspace.site",
"private": true,
"scripts": {
"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
"start": "npm run dev",
"build": "node build/build.js"
},
"dependencies": {
"vue": "^2.5.2",
"ztree": "^3.5.24"
},
"devDependencies": {
"autoprefixer": "^7.1.2",
"axios": "^0.18.0",
"babel-core": "^6.22.1",
"babel-helper-vue-jsx-merge-props": "^2.0.3",
"babel-loader": "^7.1.1",
"babel-plugin-syntax-jsx": "^6.18.0",
"babel-plugin-transform-runtime": "^6.22.0",
"babel-plugin-transform-vue-jsx": "^3.5.0",
"babel-preset-env": "^1.3.2",
"babel-preset-stage-2": "^6.22.0",
"chalk": "^2.0.1",
"copy-webpack-plugin": "^4.0.1",
"css-loader": "^0.28.0",
"extract-text-webpack-plugin": "^3.0.0",
"file-loader": "^1.1.4",
"friendly-errors-webpack-plugin": "^1.6.1",
"html-webpack-plugin": "^2.30.1",
"iview": "^3.2.2",
"iview-loader": "^1.2.2",
"jquery": "^3.3.1",
"less": "^3.0.4",
"less-loader": "^4.1.0",
"moment": "^2.24.0",
"node-notifier": "^5.1.2",
"optimize-css-assets-webpack-plugin": "^3.2.0",
"ora": "^1.2.0",
"portfinder": "^1.0.13",
"postcss-import": "^11.0.0",
"postcss-loader": "^2.0.8",
"postcss-url": "^7.2.1",
"rimraf": "^2.6.0",
"semver": "^5.3.0",
"shelljs": "^0.7.6",
"uglifyjs-webpack-plugin": "^1.1.1",
"url-loader": "^0.5.8",
"vue-loader": "^13.3.0",
"vue-router": "^3.0.1",
"vue-style-loader": "^3.0.1",
"vue-template-compiler": "^2.5.2",
"vuex": "^3.0.1",
"webpack": "^3.6.0",
"webpack-bundle-analyzer": "^2.9.0",
"webpack-dev-server": "^2.9.1",
"webpack-merge": "^4.1.0"
},
"engines": {
"node": ">= 6.0.0",
"npm": ">= 3.0.0"
},
"browserslist": [
"> 1%",
"last 2 versions",
"not ie <= 8"
]
}
当 less 版本是2.7的时候,不会有什么问题。
但一旦升级到3,就会报错。
解决办法很简单,修改 ./build/utils.js 文件。
...
// 58 - 66行
return {
css: generateLoaders(),
postcss: generateLoaders(),
less: generateLoaders('less',{ javascriptEnabled: true }),
sass: generateLoaders('sass', { indentedSyntax: true }),
scss: generateLoaders('sass'),
stylus: generateLoaders('stylus'),
styl: generateLoaders('stylus')
}
...
注意红色的部分,加上这一段就可以了。
以上。
最新文章
- 小菜学习设计模式(四)—原型(Prototype)模式
- python 核心编程课后练习(chapter 5)
- UWP 入门教程2——如何实现自适应用户界面
- 使用Connetion的属性RetainSameConnection
- thinkphp 3.2响应头 x-powered-by 修改
- JMeter学习-015-JMeter 断言之-Bean Shell Assertion
- Java内存管理原理及内存区域详解
- ES6.3.2 副本失败处理
- Python的基本数据类型
- AccessTokenValidation3 源码分析 jwttoken验证流程图
- Python GUI界面编程
- 微信小程序——动态设置swiper的高度
- 解决:Windows安装Composer及全局配置时提示部分.dll结尾的php扩展文件找不到指定的模板
- return 返回值的用法
- Ocelot中文文档-Getting Started
- webpack-clean-webpack-plugin
- 禁止网站被别人通过iframe引用
- pycharm 配置服务器,脚本,测试文件
- Android-FragmentPagerAdapter刷新无效的解决方案
- stenciljs 学习十一 pwa 支持