webpack笔记

Step 1: 首先安装Node.js, 可以去Node.js官网下载.

Step2: 在Git或者cmd中输入下面这段代码, 通过全局先将webpack指令安装进电脑中
npm install webpack -g

Step3: 使用Git Bash here 或者 cmd cd命令使当前目录转到当前项目的目录下, 然后输入下面这段命令
npm init

接下来会弹出一些信息, 就是一些项目名和一些参数的描述, 可以全部按回车使用默认信息, 完成之后项目文件夹下会生成一个package.json的文件[图片上传中。。。（2）]这样webpack就安装完成了.

Step4: 在src的js下创建一个入口文件, 我创建的叫做bundle.js, 在项目目录再创建一个index.html用来调试使用. 编写webpack.config.js文件,

module.exports={
    entry:"./main.js",//入口文件
    output:{//输出文件
        filename:'bundle.js',//输出文件名
       // path:__dirname + '/out'//输出文件路径//
    }
}

webpack 查看是否生成bundle.js

index.html

    
    
    
    


   // //注意在这里引入的是打包完成的js文件
  //注意在这里引入的是打包完成的js文件 

npm install live-server -g 安装服务器

live-server 启动服务器