webpack打包工具的搭建
来源:互联网 发布:dk智力训练手册淘宝 编辑:程序博客网 时间:2024/05/20 22:40
webpack打包工具的搭建
第一步
cmd中执行命令npm install -g webpack (安装全局webpack)第二步
自己手动创建文件夹如 名为pack,将cmd的执行命令放到改文件目录下,如F: ,cd …/../../../第三步
执行命令 npm init 执行完成后pack文件下会多出文件package.json 文件第四步
自己手动创建index.html ,app.js 前面在执行命令的时候已经设置了app.js为入口文件, index.html中引入bundle.js的链接第五步
执行命令 webpack app.js bundle.js ,意思是将app.js内容打包到bundle.js中,bundle.js是命令自动生成的文件。第六步
js的暴露,module.exports=XXX; 在入口文件中的引用该js的写法是require(“./xxxx.js”) 自己创建的文件一般格式都是./第七步
jquery的引用,执行命令 npm install jquery 执行完后项目目录下会自动生成node_modules下面包含jquery文件,引用的时候js文件写入 var $=require(“jquery”);
阅读全文
1 0
- webpack打包工具的搭建
- webpack打包工具的使用
- Webpack与其他打包工具的区别
- Webpack与其他打包工具的区别
- 模块打包工具webpack的使用
- Webpack前端打包工具
- Webpack前端打包工具
- Webpack前端打包工具
- Webpack前端打包工具
- Webpack前端打包工具
- Webpack前端打包工具
- Webpack(打包工具)
- 从零开始使用webpack打包工具
- 开始 vue-cli webpack 打包工具的demo
- 集成webpack-dev-server,watch的打包工具使用
- 打包工具(构建工具)-webpack
- 前端打包利器,webpack工具,app打包工具
- 前端打包构建工具Gulp、Rollup、Webpack、Webpack-stream
- 2018年AI智商将达到多少?未来智能实验室启动第三次世界AI智商评测
- 2017年数据可视化的七大趋势!
- 骨骼蒙皮动画(Skinned Mesh)的原理解析(二)
- 解决Eclipse SVN文件冲突详解
- 开机启动软件发现SLLOG日志不存在
- webpack打包工具的搭建
- 多选下拉框的实现
- Swift outlet from the to the is invalid ,outlets cannot be connected to repeating
- 在线制作用例(UML)网站
- Hive_Spark相关错误
- 服务器硬盘扩容
- JAVA模拟自动售货机
- 迅雷内讧!子公司怒怼集团董事,大戏开场
- srcElement兼容IE