您的位置:首页 > Web前端

前端自动打包工具webpack的安装和使用

2018-02-19 23:33 525 查看

一.准备

要使用webpack工具,最好了解一些基础的文件目录操作的命令行,win all里的一些常用的命令行 http://blog.csdn.net/qq_36110571/article/details/79338914

二.安装webpack

先去node官网下载安装node.js,然后win+R cmd 运行命令提示符;输入npm webpack -g  回车等待系统安装webpack(全局安装);cmd里 cd 到项目根目录;单文件打包-->输入:webpack 入口文件.后缀  包文件.后缀  回车等待完成(毫秒);
例如:webpack app.js main.js  //即:将app.js打包到main.js,使用时直接引入main.js即可;监听打包-->输入:webpack 入口文件 包文件 --watch 回车(开启自动打包)
多文件打包-->入口文件里 require("./目标文件.后缀"
4000
);
字符串引入  目标文件:module.exports="内容";
方法  目标文件:function funName(){  //code…  }   module.exports=funName();
数组数据  目标文件:let people = [{ name:"Henry"},{name:"Bucky"},{name:"Emily"}]; module.exports = people;
待续…

三.运行测试

依赖安装完成后就可以运行我们的项目了命令:npm run dev
原文地址:http://blog.csdn.net/winnergod/article/details/54926859
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: