webpack打包js文件

1.新建文件夹 初始化 npm init 注:一路回车就可以         npm init 注:package.json里的name不能是webpack       会报错 2.安装webpack npm install webpack -D 3.新建js 4.新建webpack.config(编写webpack的配置文件) const path = require('path'); module.exports = { // JavaScript 执行入口文件 entry:{ /*打包多个文件 分开打包*/ // main:'./src/main.js', // index:'./src/index.js' /*打包多个文件 一起打包*/ main1:['./src/main.js','./src/index.js',] }, output: { // 把所有依赖的模块合并输出到一个 bundle.js 文件 // [name]当前文件的名字 filename: '[name].js', // 输出文件都放到 dist 目录下 path: path.resolve(__dirname, './dist/js'), }, 5.运行 npm run build 注:看package里的scripts里有没有 "scripts": { "build": "webpack", "test": "echo \"Error: no test specified\" && exit 1" }, 完成 生成成功之后的

本文章由javascript技术分享原创和收集

发表评论 (审核通过后显示评论):

昵称:
邮箱:
内容: