使用webpack---安装webpack和webpack-dev-server

1.先确保安装了最新版的Node.js和NPM,并已经了解NPM的基本用法

(以下使用cmd命令行进行)

2.安装webpack

  (1)全局安装

    $ npm install webpack -g

    (1)局部安装

    我并不喜欢全局安装这种方式,因为并不是所有的项目都需要webpack的。通常我们会将 Webpack 安装到项目的依赖中,这样就可以使用项目本地版本的 Webpack。

    # 进入项目目录

    # 确定已经有 package.json,没有就通过 npm init 创建

     # 安装 webpack 依赖

     $ npm install webpack --save-dev

  (--save-dev会作为开发依赖来安装webpack。安装成功之后,在 package.json中会多一项配置

    

    )

3.安装webpack-dev-server(它可以在开发环境中提供很多服务,比如启动一个服务器、热更新、接口代理等)

  $ npm install webpack-dev-server --save-dev

  安装完成之后,最终的package.json文件内容为:

  

如果你的devDependencies中包含webpack和webpack-dev-server,恭喜你,已经安装成功!

原文地址:https://www.cnblogs.com/ahaMOMO/p/11351493.html

时间: 2024-11-09 06:07:24

使用webpack---安装webpack和webpack-dev-server的相关文章

解决新版本webpack vue-cli生成文件没有dev.server.js问题

新版本webpack生成的dev.server.js 在webpack.dev.conf.js中 webpack.dev.conf.js const axios = require('axios') const express = require('express') const app = express() const apiRoutes = express.Router() app.use('/api', apiRoutes) 然后找到devserver 这里可以配置路由 devServe

webpack安装问题:webpack不是内部或外部命令

梳理过程:(全局安装webpack) 1. 下载安装node.js(npm) nodejs默认集成npm,无需再次安装 2.配置环境 win+R 输入cmd 打开命令行,输入 node -v回车,查看nodejs是否安装成功: (若成功,直接显示版本号) npm -v 也可以查看npm是否成功安装,以上也可说明nodejs.npm安装成功. 1> 配置文件夹 我的nodejs默认安装路径为C:\Program Files\nodejs, 在C:\Program Files\nodejs文件夹下新

近一周学习之-----vue、webpack安装

1.vue安装 1.1.利用npm install -g vue vue安装完毕 2.webpack安装 npm install webpack -g webpack安装完毕 今天任务大功告成! 接下来利用webpack安装vue脚手架,开始vue学习之旅...

笔记:配置 webpack dev server

笔记:配置 webpack dev server 安装 webpack-dev-server 组件 配置 webpack.config.js 配置 增加 html-webpack-plugin 组件 启动 webpack-dev-server 原文地址:https://www.cnblogs.com/F4NNIU/p/webpack-dev-server.html

[Webpack] Access Webpack Dev Server from Mobile Safari on an iPhone

Testing your sites on mobile devices is a critical part of the development process. Webpack dev server enables you to visit the server from any device using the host option. This lesson walks you through accessing webpack dev server using an iPhon Ch

Webpack Dev Server + React Hot Loader

1.安装 npm install webpack-dev-server react-hot-loader --save-dev 2.配置server.js var webpack = require('webpack'); var WebpackDevServer = require('webpack-dev-server'); var config = require('./webpack.config'); new WebpackDevServer(webpack(config), { pu

webpack安装配置

安装: npm install webpack -g npm install webpack-dev-server -g webpack 配置文件 var path = require('path'); module.exports = { entry: path.resolve(__dirname, 'app/app.js'), output: { path: path.resolve(__dirname, 'build'), filename: 'bundle.js' } } 配置 pack

webpack安装、入口文件

1.安装webpack 和webpack-cli //创建webpack文件夹,并进入该文件夹内 cd webpack npm init npm install webpack webpack-cli --save-de 安装完成后会自动生成node_modules文件和package.json文件,在package.json包文件中,标记了webpack和webpack-cli的版本 2.单文件打包,创建index.html文件,并引入webpack构建的js文件 3.创建src文件夹,并在s

nodejs,webpack安装以及初步运用

nodejs安装: 1.下载:https://nodejs.org/en/download/ 2.安装node-v6.11.3-x64.msi文件,直接默认安装(next--): 3.验证是否完成安装:cmd 进入后输入命令 node -v  回车能得到nodejs版本号: 输入node 回车再输入console.log('aaaaa') 回车能正常显示输出. 这表示nodejs安装成功. webpack安装: 1.npm安装:在f盘新建文件夹webpack,在webpack文件夹建文件夹dem

Mac下webpack安装

最近开始接触构建工具webpack,公司电脑是 windows,而我自己的呢是mac.本来以为在自己电脑安装很简单,但是出了点问题,所以写出来分享下. 这里用npm的方式安装,首先你要安装node.js,这里献上地址   https://nodejs.org/en/download/ node.js 的安装我就不多说了,很简单和普通软件安装没什么区别. node.js 安装好后,就等于你安装好了node 和npm ,下面我们打开终端执行命令查看下: node -v[查看node版本].npm -