![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
ISaiSai
这个作者很懒,什么都没留下…
展开
-
webpack react 打出独立的css文件
使用webpack require css的方法,默认会把css 打入到js文件中,加载顺序有问题,如果需要打出独立的css文件操作步骤如下:npm install extract-text-webpack-plugin --save在webpack.config.js文件中添加如下代码:var ExtractTextPlugin = requi原创 2015-12-01 13:51:38 · 10646 阅读 · 0 评论 -
react dev searver 搭建记录
npm init 创建文件夹,初始化npm 环境安装各种包 npm install webpack webpack-dev-server style-loader css-loader url-loader babel-loader sass-loader file-loader创建webpack.config.jsvar path =require("path");module.expo原创 2016-08-22 12:12:03 · 503 阅读 · 0 评论 -
webpack getaddrinfo ENOTFOUND localhost 错误
原因 没有指定 localhost 在host 文件中添加 127.0.0.1 localhostevents.js:141 throw er; // Unhandled 'error' event ^Error: getaddrinfo ENOTFOUND localhost at errnoException (dns.js:27:10) at Ge原创 2016-11-16 10:59:55 · 13255 阅读 · 3 评论 -
webpack 启动后自动打开浏览器插件:open-browser-webpack-plugin
在webpack.config文件中添加var OpenBrowserPlugin = require('open-browser-webpack-plugin'); plugins: [ new OpenBrowserPlugin({ url: 'http://localhost:8080' }) ]则在webpack 启动成功后会打开浏览器 参考文档 https:转载 2017-02-06 14:44:41 · 15183 阅读 · 0 评论 -
react 单元测试入门
1.引入react-addons-test-utils 2.引入断言器 chai 3.安装mocha 4.运行测试(mocha –compilers js:babel-core/register ) 需要配置mocha 支持es6及jsx,mocha 自动执行test文件夹下的所有测试用例babel配置{ "presets": [ "es2015",'react' ]} 参考文档:转载 2017-02-09 16:28:15 · 2086 阅读 · 0 评论 -
ES7 decorator helloworld
参考文档http://greengerong.com/blog/2015/09/23/es7-zhi-decorators-shi-xian-aopshi-li/注意:依赖babel-preset-stage-2(stage-0和1 不行),和babel-plugin-transform-decorators-legacypackag脚本 "scripts": { "build": "ba原创 2017-02-20 16:59:42 · 778 阅读 · 0 评论 -
webpack 拷贝文件
特殊情况下需要通过webpack拷贝文件 可以引入https://github.com/kevlened/copy-webpack-plugin在webpack 在DEV下,copy 不会拷贝 ,需要webpack -p 的时候才会落入文件如下是 webpack.config.js 的demo,将thirdpart 下的abc.js 文件拷贝到build文件夹下 new CopyWebpackPl原创 2017-02-16 11:09:33 · 10304 阅读 · 0 评论