使用webpack打包的基础入门学习笔记
1.webpack安装时最好不要安装全局的,而是本地安装,因为项目如果转移到其他电脑上打包时可能不同的电脑安装的全局的webpack版本不同,可能会影响打包结果或者不能打包,安装在本地,换到其他电脑时就会使用相同版本的webpack
2.本地安装webpack
npm install webpack@4.35.2 不加版本号时会安装最新版本的
npm install webpack-cli 在安装webpack后需要再单独安装webpack-cli 这是webpack的命令,不安装这个不能使用webpack命令
3.例子:
(1)创建项目demo1 创建demo1的文件夹 然后初始换项目 npm init -y 使用所有默认设置初始化项目
然后项目中的根目录下创建文件夹src,并在src下建文件夹js,根目录下建index.html,并创建html魔板
(2)js下建bar.js文件和main.js文件
(3)bara.js文件种导出一个函数
module.exports=function(){
console.log("this is bar module")
}
(4)main.js中调用调用这个函数
var bar=require("./bar");
bar();
(5)项目跟目录下加入文件webpack.config.js 文件,这是打包的配置文件,名字固定不能改
配置内容如下:
const path=require("path