当前位置 : 主页 > 网页制作 > html >

webpack 简单使用

来源:互联网 收集:自由互联 发布时间:2021-06-12
首先安装node 因为自带npm 全局安装Webpack npm i -g webpack npm init 自动创建package.json文件 将Webpack安装在开发环境 npm install webpack -D 安装项目依赖 npm install 产生node-modules文件包 在项目中,创

首先安装node 因为自带npm

全局安装Webpack                   npm i -g webpack

npm init         自动创建package.json文件

将Webpack安装在开发环境       npm install webpack -D

安装项目依赖    npm install        产生node-modules文件包

 

在项目中,创建webpack的配置文件 webpack.config.js

在里面书写一下内容

module.exports={   watch:true, //监听   //入口文件   entry:"./src/main.js",   //出口文件   output:{       filename:"./dist/build.js"   } }   在项目中的package.json配置bulid "scripts": {     "build": "webpack"   },   在终端执行npm run build       结果会在项目中产生一个dist的文件
上一篇:day54
下一篇:vue环境搭建
网友评论