标签：vat erro error esc bundle div enc 目录 import
注意：
基于 webpack 5.x 版本。参考官方文档：https://webpack.js.org/guides/getting-started/#npm-scripts
创建文件夹 webpacktest ，在此文件夹路径下执行以下命令，创建 package.json 文件，用于管理项目的各种依赖及命令。
npm init -y
在项目根目录下创建一个 src 目录，用于存放源代码。
给项目添加 webpack 依赖。
npm i webpack webpack-cli --save-dev
在项目根目录添加一个 webpack.config.json文件，并配置 webpack 的 entry 与 output 项。
const path = require(‘path‘); module.exports = { /*设置要打包的源文件*/ entry: ‘./src/main.js‘, /*设置打包后的路径及输出文件名*/ output: { /*输出路径，__dirname 为当前文件所在目录所在的路径*/ path: path.resolve(__dirname, ‘dist‘), /*输出文件名*/ filename: ‘bundle.js‘ } };
在 src 目录下创建一个 js 目录，并在里面新建一个 person.js 文件，写入带有 ES6 语法的代码，如下。
class Person {
constructor(name, age) {
this.name = name;
this.age = age;
}
tostring() {
return ‘[‘ + this.name + ‘,‘ + this.age + ‘]‘;
}
}
export default Person;
在 src 下新建 main.js 文件，里面导入 person.js 并使用 person.js 的功能，如下。
import Person from ‘./js/person‘
let person = new Person(‘小明‘, 18);
console.log(person);
在 package.json 里面的 scripts 项里面添加一个 webpack 打包的命令。
{
"name": "webpacktest",
"version": "1.0.0",
"description": "",
"private": true,
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"build": "webpack --config webpack.config.js"
},
"keywords": [],
"author": "",
"license": "ISC",
"devDependencies": {
"webpack": "^5.10.0",
"webpack-cli": "^4.2.0"
}
}
在项目根目录控制台命令中执行 npm run build，查看执行结果信息，并查看是否生成了 dist/bundle.js 文件。
标签：vat erro error esc bundle div enc 目录 import
原文地址：https://www.cnblogs.com/FirstLine/p/14120765.html
