码迷,mamicode.com
首页 > Web开发 > 详细

webpack 的安装与使用

时间:2019-11-10 19:33:05      阅读:138      评论:0      收藏:0      [点我收藏+]

标签:开发   安装   span   命令行   install   pre   使用   file   exp   

这里使用webpack4.41.2 为例

一、安装webpack

1、本地安装,安装最新版本或特定版本

npm install --save-dev webpack
npm install --save-dev webpack@<version>

如果你使用 webpack 4+ 版本,你还需要安装 CLI

npm install --save-dev webpack-cli

2、全局安装

npm install --global webpack webpack-cli
或 npm install -g webpack webpack-cli

二、使用webpack 打包

1、方法一,命令行打包方式

//开发模式打包,打包好的文件不会被压缩
webpack --mode development  demo.js   bundle.js
//最新版的webpack 需要加参数- o,来指定输出的文件
webpack --mode development  demo.js  -o  bundle.js

2、使用webpack的配置文件来打包

webpack -config webpack.conf.js (指定webpack的配置文件)

配置文件如下webpack.conf.js:

const path = require(path);

module.exports = {
  entry: ./src/index.js,
  output: {
    filename: bundle.js,
    path: path.resolve(__dirname, dist)
  }
};

 

webpack 的安装与使用

标签:开发   安装   span   命令行   install   pre   使用   file   exp   

原文地址:https://www.cnblogs.com/liyuanhong/p/11831198.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!