webpack 安装

webpack

webpack是什么?

其实就是一个模块打包器(工具)

前提条件

在开始前,先要确认你已经安装 Node.js 的最新版本。使用 Node.js 最新的 LTS 版本,是理想的起步。使用旧版本,你可能遇到各种问题,因为它们可能缺少 webpack 功能或缺少相关 package 包。

一、本地安装
npm install webpack webpack-cli --save-dev
npm install webpack@<version> --save-dev     //安装指定版本

npx webpack index.js //采用这种方式进行执行
二、全局安装

注意:不推荐全局安装 webpack。这会锁定 webpack 到指定版本,并且在使用不同的 webpack 版本的项目中可能会导致构建失败。

npm install webpack webpack-cli -g
webpack index.js   //采用这种方式进行执行
三、体验最新版本

如果你热衷于使用最新版本的 webpack(注意了,这可是不稳定的版本),你可以直接从 webpack 的仓库中安装:

npm install webpack/webpack#<tagname/branchname>

四、还有一种执行webpack的方法:npm run webpack

就是编写webpack.confog.js

const path = require('path');

module.exports = {
  entry: './path/to/my/entry/file.js',
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'bundle.js'
  }
};

在package.json里面进行编辑

"scripts": {
    "build": "webpack"
},
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容