webpack基本使用

文章插图
step1: 创建一个项目录注意：项目名一般 不要带中文step2:创建 package.json或者：step4:处理第三方文件html文件中需要引入多个js文件或者第三方模块(例如：jquery.js)，只引入项目js入口文件( main.js ),其他js文件均在入口文件中导入 。导致可能JS文件中使用了浏览器不识别的高级语法:总结：webpack可以做两件事情况：step5: 配置入口文件和出口文件每次修改js文件，手动输入命令： webpack 入口文件路径 -o 出口文件路径 重新打包，每次都要输入入口文件和出口文件，麻烦 。
webpack-dev-server 这个工具，如果想要正常运行，要求在本地项目中必须安装 webpack在 package.json 文件中配置命令：在终端中执行命令：注：在终端执行 npm run dev ，就等于执行 webpack-dev-server 命令 。这将在node中开启一个服务器，并且立即打包 。每次修改文件，ctrl + s 保存文件,webpack-dev-server工具自动监听文件改变，并且自动打包 。改变文件引用路径：执行上述命令后终端会有类似信息输出：【 Project is running athttp://localhost:8080/ 】——webpack-dev-server工具将项目托管到localhost:8080/端口上【webpack output is served from /】——打包好的文件通过localhost:8080/bundle.js访问【Co

• 樱花抽油烟机简介
• 北京消防提醒取暖器安全使用注意事项
• esp正确使用方法是什么
• 老板油烟机和方太油烟机哪个好
• 家用空调取暖费电吗 省电使用技巧有讲究
• 桌面发热垫为什么会干扰键盘使用
• 建筑节能的使用范围
• 好太太热水器使用方法
• 小米电视小爱同学有什么功能及使用方法
• 宝马5系多碟cd使用方法是什么