在webpack.config.dev.js中的babel-loader的options配置如下
"plugins": [
["import", { libraryName: "antd-mobile", style: "css" }]
],
问题一:预加载无效。不报错,就是测试的Button没有样式
尝试更改antd主题颜色:
1.在webpack.config.dev.js中的babel-loader的options配置如下
把上面的style改成了true
2.在 package.json 文件中添加一个 theme 字段,里面将包含所有我们想要修改的主题样式
"theme": {
"brand-primary": "red",
"color-text-base": "#333",
}
3.在webpack.config.dev.js中添加
const theme = require('./package.json').theme;
module.exports = {
module: {
rules: [
{
test: /\.css$/,
use: [
'style-loader',
'css-loader',
],
},
{
test: /\.less$/,
use: [
'style-loader',
'css-loader',
{loader: 'less-loader', options: {modifyVars: theme}},
],
include: /node_modules/,
},
],
},
}
问题二:运行后就报错了。提示的是
npm ERR! file F:\react\019尚硅谷-React项目-硅谷直聘\源码\test\package.json
npm ERR! code EJSONPARSE
npm ERR! JSON.parse Failed to parse json
npm ERR! JSON.parse Unexpected token } in JSON at position 3390 while parsing near '...ext-base": "#333",
npm ERR! JSON.parse },
npm ERR! JSON.parse }
npm ERR! JSON.parse '
npm ERR! JSON.parse Failed to parse package.json data.
npm ERR! JSON.parse package.json must be actual JSON, not just JavaScript.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Program Files\nodejs\node_cache_logs\2018-11-24T16_01_12_875Z-debug.log
求大佬帮忙 困扰我两天了 不知道如何解决了。json文件是没错的。没有语法错误,less也是2.7.3版本。