webpack.config.js配置和package.json配置

webpack.config.js配置和package.json配置

新建文件:新建html文件,如index.html

dist:用于存放打包之后的文件,如bundle.js

src:用于存放源文件,如main.js

webpack.config.js(名字固定):入口——./src/main.js,出口——需要动态获取绝对路径,依赖node语法中的path包,接下来安装包

初始化:npm init

执行初始化后,生成package.json,如果package.json再依赖Node相关东西,再执行npm install,生成package-lock.json

打包命令,用npm run build映射webpack,找到package.json中的脚本scripts,新建脚本build后,再执行npm run build,此时优先在本地找webpack,需要在本地安装webpack(开发时依赖)

安装本地webpack:cnpm install [email protected] --save-dev,新增包:node_modules library root,里面有本地webpack