`

webpack 安装

阅读更多

node.js

安装node.js

node.js中包含了一个包管理器npm

 

webpack

可以通过npm安装webpack

$ npm install webpack -g

 现在全局安装了webpack就可以在命令行中使用webpack命令了

 

在项目中使用webpack

最好将webpack最为项目依赖安装在你的项目中。这样,你可以选择一个本地的WebPack版本,而不会被强制使用单一的全局webpack。

使用npm创建package.json配置文件:

$ npm init

 如果你不希望你的项目发布到NPM,创建过程中问题的答案并不那么重要,可以随便填写。

本地安装并将webpack添加到package.json文件中:

$ npm install webpack --save-dev

 

使用指定版本

webpack有两个可用的版本。稳定版和测试版。测试本通过在版本号中添加“-beta”字符串标记。测试版可能包含了一些不稳定的或者实验性的功能,可能并未完全通过测试。除学习外建议使用稳定版:例如:

$ npm install webpack@1.2.x --save-dev

 

开发工具

如果你想使用开发工具,你应该安装webpack-dev-server:

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

 

 

 

 

 

 

 

 

 

0
1
分享到:
评论

相关推荐

    Vue.js与Webpack安装教程.pdf

    Vue.js与Webpack安装教程 1 vue.js研究 1 1.1 vue.js介绍 1 1、vue.js是什么? 1 2、Vue.js与ECMAScript 1 3、Vue.js的使用 2 4、vue.js有哪些功能? 2 1.2 webpack入门 3 1.2.1 webpack介绍 3 1.2.2 安装webpack 4

    Vue.js与Webpack安装教程

    Vue.js与Webpack安装教程

    vue和webpack安装命令详解

    一、安装vue相关命令 1、安装vue cnpm install vue  2、安装vue-cli cnpm install -g vue-cli...以上所述是小编给大家介绍的vue和webpack安装命令详解,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时

    WebPack的高级扩展使用

    WebPack安装-使用-Loader-配置-插件-环境-排错详解(上) 博客地址:http://blog.csdn.net/pcaxb/article/details/53390151 下载地址:http://download.csdn.net/detail/pcaxb/9696873 WebPack安装-使用-Loader-配置...

    webpack相关图片压缩插件

    由于这几个图片压缩的插件下载会经常失败,所以我整理了一下。 文件内容: ...配合我之前发布的webpack基本配置、react webpack配置和vue webpack配置使用。 详情请访问:https://blog.csdn.net/qq_45142260

    webpack安装配置与常见使用过程详解(结合vue)

    主要介绍了webpack安装配置与常见使用过程,主要结合vue实现,通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

    react-基于webpack的react脚手架搭建

    基于webpack的react脚手架搭建

    Webpack安装时报错解决

    我们在学习webpack的时候,在页面html中不推荐引用用任何的包或css文件,因为main。js中的代码涉及到了ES6的新语法,浏览器会识别不到,可以通过...是因为你们的webpack版本不同,在webpack 3中,webpack本身和它

    component2webpack:使用 webpack 安装组件依赖

    通过 webpack 使用和安装组件依赖项。 # install globably npm install -g component2webpack # inside your project with a component.json manifest, run DEBUG=component2webpack:* component2webpack 所有...

    Vue项目引进ElementUI组件的方法

    安装 webpack 安装webpack npm install webpack -g -g 表示安装为全局 安装 vue-cli 安装 vue 脚手架项目初始化工具 vue-cli npm install vue-cli -g 淘宝镜像 npm使用的国外中央仓库,下载速度较慢,有的时候还会...

    dotenv-webpack:一个安全的webpack插件,支持dotenv和其他环境变量,并且仅公开您选择和使用的内容

    一个安全的webpack插件,支持dotenv和其他环境变量,并且仅公开您选择和使用的内容。 dotenv-webpack 安装 将软件包本地包含在您的存储库中。 npm install dotenv-webpack --save-dev 描述 dotenv-webpack包装...

    终端中 npm安装报错 webpack

    以webpack中安装autoprefixer为例: 终端输入: npm install autoprefixer 报出一堆错 gyp ERR! configure error gyp ERR! stack Error: `gyp` failed with exit code: 1 gyp ERR! stack at ChildProcess.onCpExit ...

    webpack安装包

    webpack安装包

    webpack配置文件和常用配置项介绍

    3.webpack安装到项目并将写入package.json的devDependencies中, 命令行:npm install webpack --save-dev。 2、webpack配置文件介绍 1.webpack需要配置文件webpack.config.js,手动的创建于项目根目录中就ok。一个...

    webpack-angularjs:使用Webpack,Gulp和AngularJS启动开发的样板

    webpack-angularjs 使用Webpack,Gulp,AngularJS和ES6启动开发的样板。...全局依赖项安装安装节点npm install -g gulp webpack安装本地依赖项安装节点依赖项: npm install 安装Bower依赖项: bower in

    git-version-webpack-plugin:将Git版本信息拉入Webpack

    Git版本Webpack插件将Git版本信息拉入Webpack安装可作为NPM软件包独立使用// webpack.config.jsconst GitVersionPlugin = require ( '@eloquent/git-version-webpack-plugin' )module . exports = { plugins : [ new...

    浅谈react+es6+webpack的基础配置

    参数-g表示全局安装webpack,你在cmd命令中哪个文件夹下都可以使用webpack的命令,如果不加-g的话,是只可以在你安装webpack的目录下使用webpack这个命令 webpack 也有一个 web 服务器 npm install webpack-dev-...

    Webpack的安装说明书

    Webpack的安装时详细的步骤,以及兼容性的版本推荐

Global site tag (gtag.js) - Google Analytics