webpack模块分写导出与导入配置 -9

本教程详细介绍了如何设置Webpack模块打包的过程,包括安装必要的依赖如webpack、webpack-cli、html-webpack-plugin、clean-webpack-plugin等,以及配置webpack.config.js和webpack.rules.js。通过创建scripts指令,可以执行打包和本地服务。在html中配置title标签,并使用npm run build和npm run dev命令进行打包和启动本地服务。
摘要由CSDN通过智能技术生成

1:确保自己的电脑已经安装了node和Git软件
2:自己在盘里随便创建一个文件夹一般为英文(也就是你自己的项目名称)
3:在新创建好的文件夹里面右键点击调出git指令窗口在窗口里面输入如下指令:
    1:npm install webpack -g            

    2:  npm install webpack-cli -g

    3: npm init -y

    4: npm install webpack --save-dev

   5  npm install html-webpack-plugin    (html编译插件)

   6:npm install clean-webpack-plugin

   6.1  npm install webpack-dev-server   (服务插件)

   6.2  npm install style-loader css-loader  (css打包插件)

   6.3 npm install file-loader url-loader    (文件图片打包插件)

   6.4 npm install less-loader    (less打包插件)

   6.5 npm install sass scss --save-dev       (sass scss打包插件)

   6.6 npm install sass-loader nade-sass      (sass打包插件)

   6.7 npm install purifycss-webpack purify-css (css优化插件)
  7:把项目拖进编辑器并创建webpack.rules.js和webpack.config.js

  webpack.r

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值