澳门银河网上官方赌场_老品牌值得信赖

ITKeyword,专注技术干货聚合推荐

注册 | 登录

webpack安装和配置

itpinpai 分享于

2020腾讯云双十一活动,全年最低!!!(领取3500元代金券),
地址https://cloud.tencent.com/act/cps/redirect?redirect=1073

2020阿里云最低价产品入口,含代金券(新老用户有优惠),
地址https://www.aliyun.com/minisite/goods

推荐:webpack基本安装和配置

? ? ? 本文介绍Webpack辅助ReactJS进行开发的简单例子。 ? ? ? Webpack基础详解地址:http://2914905399.iteye.com/blog/2357893? ? ? ? 简单来说,webpack是一

一. 安装

我们常规直接使用 npm 的形式来安装:

$ npm install webpack -g


当然如果常规项目还是把依赖写入 package.json 包去更人性化:

推荐:webpack超详细配置, 使用教程(图文)

博主在这里就不详细介绍webpack来源以及作用了, 本篇博文面向新手主要说明如何配置webpack, 以及webpack的使用方法, 直到创建出一个合理的属于自己webpack项目.

$ npm init$ npm install webpack --save-dev


 

// webpack.config.js
module.exports = {
  entry: "./entry.js",
  output: {
    path: "./build",
    filename:"bundle.js"
  }
}




// entry.js
define("entry", function () {
    var iabcdef = 11;
});




//目录


执行
webapck
或执行
webpack  --display-error-details

后面的参数“--display-error-details”是推荐加上的,方便出错时能查阅更详尽的信息(比如 webpack 寻找模块的过程),从而更好定位到问题。

 
$ webpack --config XXX.js //使用另一份配置文件(比如webpack.config2.js)来打包
$ webpack --watch //监听变动并自动打包
$ webpack -p//压缩混淆脚本,这个非常非常重要!
$ webpack -d//生成map映射文件,告知哪些模块被最终打包到哪里了
其中的 -p 是很重要的参数,曾经一个未压缩的 700kb 的文件,压缩后直接降到 180kb (主要是样式这块一句就独占一行脚本,导致未压缩脚本变得很大) 。


推荐:webpack +Reactjs +babel 加载器配置

{ test: /\.jsx$/,loader: 'babel',query: { presets: ['react', 'es2015'] } }, {test: /\.(css)$/, loader: 'style-loader!css-loader' } 安装Babel加载

一. 安装 我们常规直接使用 npm 的形式来安装: $ npm install webpack -g 当然如果常规项目还是把依赖写入 package.json 包去更人性化: $ npm init$ npm install webpack --save-dev ? // web

相关阅读排行


相关内容推荐

最新文章

×

×

请激活账号

为了能正常使用评论、编辑功能及以后陆续为用户提供的其他产品,请激活账号。

您的注册邮箱: 修改

重新发送激活邮件 进入我的邮箱

如果您没有收到激活邮件,请注意检查垃圾箱。

澳门银河网上官方赌场 <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>