auto-import-webpack-plugin
Getting Started
To begin, you'll need to install auto-import-webpack-plugin:
npm install auto-import-webpack-plugin --save-devor
yarn add -D auto-import-webpack-pluginor
pnpm add -D auto-import-webpack-pluginThen add the plugin to your webpack config. For example:
webpack.config.js
const AutoImport = require("auto-import-webpack-plugin");
module.exports = {
plugins: [
new AutoImport({
entry: ".", // entry path
output: "auto-import.js", // output path
library: "element-ui", // library name
ignore: ".autoignore", // entry ignore files config
logLevel: true, // log level
}),
],
};or
import AutoImport from "auto-import-webpack-plugin";
export default {
plugins: [
new AutoImport({
entry: ".", // entry path
output: "auto-import.js", // output path
library: "element-ui", // library name
ignore: ".autoignore", // entry ignore files config
logLevel: true, // log level
}),
],
};Then add the scripts to your package.json config. For example:
package.json
"scripts": {
"generator": "auto-import"
},
"devDependencies": {
"auto-import-webpack-plugin": "latest"
}auto-import Description
-h, --help : cli help
-v, --version: package version
-c, --config : config filename default: 'atconfig.json'auto-import -c atconfig.json
autoconfig.json
{ "entry": ".", "output": "auto-import.js", "library": "element-ui", "ignore": ".autoignore", "logLevel": true }
auto-import -c atconfig.js
autoconfig.js
module.exports = { entry: ".", output: "auto-import.js", library: "element-ui", ignore: ".autoignore", logLevel: true, };