美文网首页
webpack 安装和使用

webpack 安装和使用

作者: 遗忘的灬誓言 | 来源:发表于2020-04-27 16:45 被阅读0次

1.全局安装:npm install webpack -g
指定版本:npm install webpack@3.6.0 -g
2.局部安装:npm install webpack --save-dev
指定版本:npm install webpack@3.6.0 --save-dev

3.打包项目:
初始化:npm init -y (需要使用node 方面的东西之前一定要初始化)
打包: webpack ./src/main.js ./dist/bundle.js

项目中创建:webpack.config.js

   var path = require('path');
   module.exports = {
    entry:"./src/main.js",
    output: {
        path:path.resolve(__dirname,"dist"),//动态获取绝对路径
        filename: 'bundle.js'
    },
};

打包:webpack

package.json中加入build

{
  "name": "wabpack",//包名
  "version": "1.0.0",//版本号
  "description": "",//描述
  "main": "index.js",//入口
  "dependencies": {
    "webpack": "^3.6.0"
  },
  "devDependencies": {},
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "build":"webpack"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}

打包:npm run build

总结:一脸懵逼

相关文章

  • Webpack-打包工具

    安装Node.js 安装cnpm和npm 安装babel 安装webpack 使用webpack打包(命令方式) ...

  • webpack4.X学习笔记

    安装和使用 安装到项目yarn add webpack -Dyarn add webpack-cli -D web...

  • 通过npm搭建React的webpack环境

    简介:加载react和react-dom npm包,通过Webpack使用React。 安装Webpack 安装r...

  • webpack.config.js 基础配置

    webpack 中文文档 安装 二、安装webpack使用webpack之前需要安装webpack,在这里我们需要...

  • webpack基本使用

    安装及配置webpack 安装webpack 全局安装webpac,使用npm,推荐使用cnpm 检查webpac...

  • webpack4.0 遇到的问题及部分使用方法

    一、安装及部分使用方法: 1、首先全局安装webpack和webpack服务:npm install -gwebp...

  • Webpack 4+基本使用

    一、安装 npm i webpack -g,全局安装webpack,就可以在全局使用webpack命令。只要安装一...

  • webpack 安装和使用

    1.全局安装:npm install webpack -g指定版本:npm install webpack@3.6...

  • webpack安装和使用

    说明: 整个webpack学习系列内容, 来自于渡一教育 webpack的安装 webpack通过npm安装,它提...

  • element-ui

    一、安装 ¶ 1、npm 安装 推荐使用 npm 的方式安装,它能更好地和 webpack 打包工具配合使用。 ...

网友评论

      本文标题:webpack 安装和使用

      本文链接:https://www.haomeiwen.com/subject/zsfuwhtx.html