webpack-小试

最近有个项目需要用到typeScript.

想借此机会,复习和回顾,加强,npm,以及webpack的使用

webpack

概述:

基本原理,把一系列的js文件捆绑,为一个js.顺便解决js的依赖问题.

webpack并不对js进行操作,如果使用的是ecma2015的js,需要loader对js进行转换.

基本操作:

运行:webpack

基本安装:
mkdir webpack-demo && cd webpack-demo
npm init -y   生成简单的package.json文件

webpack脚手架
npm install webpack webpack-cli --save-dev

浏览器自动刷新.
webpack-dev-server

引入lodash:主要用于数组处理.
npm install --save lodash

 path.resolve(__dirname, 'dist')
 在任何模块文件内部，可以使用__dirname变量获取当前模块文件所在目录的完整绝对路径。