zoukankan      html  css  js  c++  java
  • 【Vue】06 Webpack Part2 打包命令配置

    Webpack 配置:

    入口 & 出口:

    就是我们使用的打包命令:

    一个是对什么文件执行,这就是入口

    一个是输出到什么文件,这就是出口

    每一次打包使用这个命令都必须指定这两个必要的参数

    所以将打包命令写入配置文件中,运行时读取即可

    在项目的根目录下创建webpack.config.js

    const path = require('path');
    
    module.exports = {
        entry : "./src/main.js", // 入口 可以是字符串,数组,对象
        output : { // 出口,通常是一个对象 至少包含路径和文件名
            path : path.resolve(__dirname, 'dist'),
            filename : "bundle.js"
        }
    }

    这一次我们的打包只需要执行webpack即可

    我们可以再对package.json设置:

    {
      "name": "webpack",
      "version": "1.0.0",
      "description": "",
      "main": "index.js",
      "scripts": {
        "build" : "webpack"
      },
      "author": "",
      "license": "ISC",
      "devDependencies": {
        "webpack": "^3.6.0"
      }
    }

    打包时就可以直接使用这个命令:

    npm run build
  • 相关阅读:
    js前端分享功能
    git常用命令
    webstorm中.vue报错
    页面重绘重排
    浏览器渲染引擎总结
    javascript中的this总结
    cookie、session、sessionid 与jsessionid
    promise和Angular中的 $q, defer
    C++11之nullptr
    C++ 输入ctrl+z 不能再使用cin的问题
  • 原文地址:https://www.cnblogs.com/mindzone/p/13374796.html
Copyright © 2011-2022 走看看