前端自动打包工具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
相关文章推荐
- 前端工具的使用-----webpack打包
- webpackt入门1:webpack介绍&webpack安装&使用webpack打包
- 模块打包工具webpack的使用
- 前端打包利器:webpack工具
- Webpack前端打包工具
- webpack 前端资源模块化管理和打包工具
- Webpack前端打包工具
- webpack学习之三,开发,即使用source map,3个自动编译代码的工具
- 前端模块化实践----使用webpack打包js代码
- grunt,gulp,webpack前端打包工具的特性
- 集成webpack-dev-server,watch的打包工具使用
- 前端项目模块化的实践2:使用 Webpack 打包基础设施代码
- 前端工具之WebPack解密--使用
- Webpack前端打包工具
- 前端工具之WebPack解密--使用
- 前端打包构建工具Gulp、Rollup、Webpack、Webpack-stream
- webpack打包工具的使用
- vue 之webpack打包工具的使用
- Webpack前端打包工具
- webpack前端构建工具学习总结(二)之loader的使用