webpack安装使用

webpack运行基于 node环境   git命令驱动

安装总思路   先安装全局下  -g        在下载项目下    -D

顶层步骤(全局)

建立目标文件夹 运行 git

首先下在全局webpack 

 cnpm install webpack -g

下载webpack-cil 全局

 npm install webpack -cli -g

      此时运行webpack不报错  有警告支持未配置运行  默认入口文件为src下的index,js文件

 运行webpack默认

webpack

指定打包目标(自定义入口文件)

webpack  demo.js -o  bundle.js

打包demo,js  输出到  bundle.js文件

模块导入导出方式参照下一篇文章

开发环境安装 webpack 

操作步骤

初始化属性

npm init
//初始化项目   出现package.json

下载开发环境webpack

cnpm install webpack --save-dev

cnpm install webpack -D 
//进入项目后下载环境都是局部  -D

下载完成后对于所需要插件安装

 cnpm jquery -D
//下载所有插件均是此项目下

对于不同格式文件进行打包的loader安装

cnpm install style-loader css-loader less-loader less -D

对于个文件进行抽离出独立的处理后文件插件安装

cnpm install html-webpack-plugin -D
//其他插件雷同
发布了56 篇原创文章 · 获赞 1 · 访问量 1242

猜你喜欢

转载自blog.csdn.net/qq_40819861/article/details/101157280