creat-react-apはrun ejectの後でantdとsassの配置に対して
1900 ワード
プロジェクトをcreat-react-apで作成しましたが、自分でたくさんのものを配置する必要がある時、run ejectは配置項目を弾いて、不可逆操作です.
sassとlessの配置については、エクスポート後、公式サイトでエクスポートしない方法で操作し、最後にpackage.jsonのscriptを修正すればいいです.react:creat-react-apはrun ejectではない条件でlessまたはsassを使用します.
$ yarn add babel-plugin-import --save-dev
webpack.co nfig.dev.jsで修正します.以下のように修正します.{
test: /\.(js|jsx)$/,
include: paths.appSrc,
loader: 'babel',
query: {
+ plugins: [
+ ['import', [{ libraryName: "antd", style: 'css' }]],
+ ],
// This is a feature of `babel-loader` for webpack (not Babel itself).
// It enables caching results in ./node_modules/.cache/babel-loader/
// directory for faster rebuilds.
cacheDirectory: true
}
},
次に、前のsrc/App.cssに添付した@import'~antd/dist/antd.css'を削除します.スタイルコードは、現在Babel-plugin-mportで必要に応じてスタイルをロードします.sassとlessの配置については、エクスポート後、公式サイトでエクスポートしない方法で操作し、最後にpackage.jsonのscriptを修正すればいいです.react:creat-react-apはrun ejectではない条件でlessまたはsassを使用します.