zoukankan      html  css  js  c++  java
  • 手动配置webpack

    第一步,先安装node环境

    先安装局部的webpack (局部的webpack只能在配置里调用,一般都是用局部的,因为不同的项目所依赖的webpack版本不一样)

    npm install webpack@3.6.0 --save-dev  (--save-dev 是开发时依赖,项目打包后不需要继续使用的)

    此时生成文件和文件夹:

    webpack还能全局安装 ,命令:npm install webpack@3.6.0 -g 全局安装不生成文件,可以在终端/命令行里面调用。这里我们使用的是局部的webpack

    npm init 创建项目,生成package.json (npm管理包的文件)
    npm install 安装依赖(安装配置文件所需的所有依赖)

    此时生成文件:

    此时新建项目入口文件,与打包文件

     src/index.js 是项目的入口,他将会被打包成dist/bundle.js(出口)

    此时新建webpack config.js 即记录webpack打包的配置(入口文件,出口文件):

    配置命令:

     此时,在终端输入:npm run bulid

    它会自动执行 webpack,由于webpack命令是写在配置里的,所有优先找本地的webpack(即局部webpack),所以找到了./node_modules/webpack

    webpack会找到webpack.config.js文件得到配置,然后执行打包

    打包成功:

    总的来说,webpack就是打包工具,package(项目)就是运行环境与依赖

  • 相关阅读:
    截取字符串
    已解决 4G内存条,显示只有2.99G
    UIWindows
    视图控制对象的生命周期与内存过低警告
    Using Autorelease Pools
    About Windows and Views
    惠普武汉实习生面试20110320
    什么时候使用活动图!求指导!
    我看微软把[Show Desktop]移动的原因
    喷子们说百度的手机操作系统
  • 原文地址:https://www.cnblogs.com/cl94/p/12310136.html
Copyright © 2011-2022 走看看