使用webpack创建一个新项目

  • 使用NPM和webpack创建一个符合前端工程化的项目

    环境windows
    1.win+r 打开cmd命令行工具
    2.进入目标文件夹(项目文件夹),我创建的是webpack-test
    使用webpack创建一个新项目_第1张图片
    3.使用npm创建package.json文件. 命令 cnpm init (我使用的是cnpm)
    执行需要选择一些基础配置,一路回车就可以
    使用webpack创建一个新项目_第2张图片
    创建好后项目文件夹中就多了一个package.json文件
    使用webpack创建一个新项目_第3张图片
    4.使用webpack创建node_modules文件夹
    全局创建webpack cnpm install webpack -g
    在项目中创建 cnpm install webpack --save-dev
    使用webpack创建一个新项目_第4张图片
    打开项目文件夹,会看到多了一个node_modules文件夹
    使用webpack创建一个新项目_第5张图片
    到此,一个基于npm和webpack的基础项目就创建好了.

你可能感兴趣的:(前端,npm,webpack)