1
J'ai mis ce qui suit dans mon .babelrc:Ant erreur de conception: "plug-in Unknown 'importation' spécifié dans '[..]/babelrc.'"
{
"plugins": [
["import", { libraryName: "antd", style: "css" }] // `style: true` for less
]
}
Ceci est l'erreur: Unknown plugin « importation » spécifiée dans «[..]/babelrc »
en outre, il est pas clair pour moi des documents que je dois importer le CSS pour:
- chaque composant (par exemple DatePicker) ou
- si antd/dist/antd.css inclut juste tout.
Dans le cas de 1. ce serait bien d'avoir les chemins CSS dans le cadre des exemples.
Dans le cas de 2. où dois-je mettre cela, dans mon App.js?
Ce sont les paquets babel J'ai installé:
"babel-core": "^6.24.0",
"babel-eslint": "^7.2.1",
"babel-loader": "^6.4.1",
"babel-plugin-transform-class-properties": "^6.23.0",
"babel-plugin-transform-decorators-legacy": "^1.3.4",
"babel-preset-es2015": "^6.24.0",
"babel-preset-react": "^6.23.0",
"babel-preset-stage-0": "^6.22.0",
Et voici ma webpack.config.js:
const webpack = require('webpack');
const path = require('path');
const nodeModulesPath = path.resolve(__dirname, 'node_modules');
const config = {
// Render source-map file for final build
devtool: 'source-map',
// Entrypoint of the app, first JS to load
entry: [
path.join(__dirname, './app/index.js'),
],
output: {
path: path.resolve(__dirname, "build"), // absolute Path of output file
filename: 'bundle.js', // Name of output file
publicPath: '/static'
},
module: {
rules: [
{
test: /\.js$/, // All .js files
exclude: [nodeModulesPath],
use: [
{
loader: "babel-loader",
options: {
presets: [
"es2015",
"stage-0",
"react",
],
plugins: [
"transform-class-properties",
"transform-decorators-legacy"
]
}
}
]
}
]
},
plugins: [
// Define production build to allow React to strip out unnecessary checks
new webpack.DefinePlugin({
'process.env':{
'NODE_ENV': JSON.stringify('development')
}
}),
// Suppress all the "Condition always true" warnings
new webpack.optimize.UglifyJsPlugin({
compress: {
warnings: false
},
minimize: true,
}),
],
};
module.exports = config;