脑课堂编程教育

项目初始化安装

前端技术 1年前
304 0 0
脑课堂编程培训

如何利用webpack,来进行多页面项目实战开发。

1、先安装node.js 和 webpack

第一步:如果没有安装node的朋友,可以去官网下载。安装好后,打开cmd工具,输入:

 node - v // 如果有显示内容则证明安装成功(这是看我们node版本的指令)

第二步: 全局安装

 npm  install  webpack  -g

2、配置package.json 如果没有,可以初始化

npm install

npm是node.js的一个包管理工具。(项目中所需要用到的包,都会放在node_modules文件夹下)

3、初始化package.json,添加项目所需要的模块

"devDependencies": {
    "babel": "^6.3.13",
    "babel-core": "^6.3.21",
    "babel-loader": "^6.2.0",
    "babel-plugin-transform-runtime": "^6.3.13",
    "babel-preset-es2015": "^6.3.13",
    "babel-runtime": "^5.8.34",
    "clean-webpack-plugin": "^0.1.10",
    "copy-webpack-plugin": "^3.0.1",
    "css-loader": "^0.23.1",
    "extract-text-webpack-plugin": "^1.0.1",
    "file-loader": "^0.8.5",
    "glob": "^7.0.5",
    "html-loader": "^0.4.3",
    "html-webpack-plugin": "^2.9.0",
    "imports-loader": "^0.6.5",
    "jquery": "^1.12.4",
    "less": "^2.7.1",
    "less-loader": "^2.2.3",
    "style-loader": "^0.13.0",
    "url-loader": "^0.5.7",
    "webpack": "^1.12.13",
    "webpack-dev-server": "^1.14.1"
  }

4、安装模块

npm install //打开cmd命名行,进入到文件夹,进行下载项目开发所需要的模块
收藏

本文标题:项目初始化安装

本文链接:https://naoketang.com/p/9xo7revpqdkz

评论区

推荐课程