纱线启动不适用于 react-app-rewired
Yarn start doesn't work with react-app-rewired
当我 运行 yarn 启动时,我得到以下输出
$ yarn start
yarn run v1.15.2
$ react-app-rewired start
The "injectBabelPlugin" helper has been deprecated as of v2.0. You can use customize-cra plugins in replacement - https://github.com/arackaf/customize-cra#available-plugins
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
我尝试在 https://github.com/arackaf/customize-cra#available-plugins 阅读文档,但由于我是 React 和 npm 的新手,它对我来说没有多大意义,我不知道用哪个插件替换已弃用的助手
我的 config-overrides.js
看起来像:
const { injectBabelPlugin } = require('react-app-rewired');
const rewireLess = require('react-app-rewire-less');
module.exports = function override(config, env) {
config = injectBabelPlugin(['import', { libraryName: 'antd', style: true }], config); // change importing css to less
config = rewireLess.withLoaderOptions({
modifyVars: {
"@primary-color": "#1DA57A"
},
})(config, env);
return config;
};
不要使用 injectBabelPlugin
此 Pugin 已弃用
这样使用enter link description here
const {
override,
fixBabelImports,
addLessLoader,
} = require("customize-cra");
module.exports = override(
fixBabelImports("import", {
libraryName: "antd", libraryDirectory: "es", style: true // change importing css to less
}),
addLessLoader({
javascriptEnabled: true,
modifyVars: { "@primary-color": "#1DA57A" }
})
);
当我 运行 yarn 启动时,我得到以下输出
$ yarn start
yarn run v1.15.2
$ react-app-rewired start
The "injectBabelPlugin" helper has been deprecated as of v2.0. You can use customize-cra plugins in replacement - https://github.com/arackaf/customize-cra#available-plugins
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
我尝试在 https://github.com/arackaf/customize-cra#available-plugins 阅读文档,但由于我是 React 和 npm 的新手,它对我来说没有多大意义,我不知道用哪个插件替换已弃用的助手
我的 config-overrides.js
看起来像:
const { injectBabelPlugin } = require('react-app-rewired');
const rewireLess = require('react-app-rewire-less');
module.exports = function override(config, env) {
config = injectBabelPlugin(['import', { libraryName: 'antd', style: true }], config); // change importing css to less
config = rewireLess.withLoaderOptions({
modifyVars: {
"@primary-color": "#1DA57A"
},
})(config, env);
return config;
};
不要使用 injectBabelPlugin
此 Pugin 已弃用
这样使用enter link description here
const {
override,
fixBabelImports,
addLessLoader,
} = require("customize-cra");
module.exports = override(
fixBabelImports("import", {
libraryName: "antd", libraryDirectory: "es", style: true // change importing css to less
}),
addLessLoader({
javascriptEnabled: true,
modifyVars: { "@primary-color": "#1DA57A" }
})
);