Tag: webpack

怎么在vue里面引用七牛的接口并调用

在vue里面调用七牛文件,老是报错 TypeError: i.uploader is not a function 我的引用 const Qiniu = require(‘../../../lib/qiniu/qiniu.js’); 调用 var compUploadAvatar = Qiniu.uploader(compUploadAvatarOption); 应该没有把接口给暴露出来,但是不知道要怎么写,求解决,谢谢了!!!!plupload是外部引入的webpack.config.js里面这样写的 externals : { “plupload” : true }

如何在webpack中引入七牛sdk,求分例子。3q

我这样是报错的

怎么配置webpack使得运行时请求其他服务器提供的模块

有一个第三方地图模块 需要运行期间 请求其他服务器来获取,,这中情况 应该怎样配置 webpack .. 是不是基于 加载器 做配置.还是webpack已经提供了这种需要..?

React和Webpack是如何走在一起的?

最近看到网上到处都在说react和webpack开发,这两个东西是如何在一起的? react和webpack组合有什么优势吗?

如何用webpack打包一个自己的React库?

我写了一个基于React的库。 请问如何打包成 和 react/dist/x.js 这样的文件。 调用者可以直接script,也可以ES6模块引进去,也可以amd cmd?

react 关于 webpack 打包

“scripts”: { “start”: “webpack-dev-server –content-base public/”, “stage”: “NODE_ENV=staging webpack -p –config –progress”, “deploy”: “NODE_ENV=production webpack -p –config –progress”, “debug”: “NODE_ENV=debug webpack-dev-server –content-base public/” }, 正常 npm start 可以跑起来了 可运行 npm run deploy 就报错了 $ npm run deploy > react-scaffold@1.0.0 deploy E:\zan\www\webpack\react-scaffold > NODE_ENV=production webpack -p –config –progress ‘NODE_ENV’ ▒▒▒▒▒ڲ▒▒▒▒ⲿ▒▒▒Ҳ▒▒▒ǿ▒▒▒▒еij▒▒▒ ▒▒▒▒▒▒▒▒▒ļ▒▒▒ npm ERR! Windows_NT 6.1.7601 npm […]

react 同构项目 如何 使用 webpack 打包静态资源

之前都是纯前端的使用 webpack 直接可以在*.jsx内引入 *.sass*.jsx里的图片内容也会被自动地处理 然而最近在学着用 koa react-router redux 做同构. 服务端和客户端公用 *.jsx 那么 如何解决那些静态文件呢?

手机调试 React+Webpack 页面的最佳方法?

我有一个项目用到了 Webpack,React,webpack-dev-server 和 react-hot-loader。应用本身的服务器是 Express,在 3000 端口上。打包的 JS 文件在 webpack-dev-server 上,8080端口。 本地调试没问题,但是现在我想用手机调试网页遇到了问题。 我可以在手机上通过 <IP:3000> 访问开发机上的页面,但是在 HTML 里引用打包 JS 文件的地址是localhost:8080,手机能访问网页,访问不到 JS。 我尝试过用 webpack-dev-middleware,通过 Express 中间件提供打包文件,不用另外的服务器。这样没问题。但是因为 nodemon 会自动重启服务器,hot-loader 不能正常工作(用的是 webpack-hot-middleware)。 另外,我有一台云服务器,Nginx 上设置了端口转发,通过 SSH 隧道转到开发机。可以通过域名访问开发机上的页面。相当于直接访问<开发机 IP:3000>,这样访问页面方便点,但还是存在无法访问打包文件的问题。 求指点,怎么设置开发环境,可以兼顾本地开发测试和手机调试页面。

webpack打包react出错

刚开始学习webpack来构建react,遇到问题求指点每次构建的时候总是报错Module build failed: Error: Couldn’t find preset “es2015” relative to directory “/Users/jd/workspace/js”开发目录叫webpack pwd是/Users/jd/workspace/js/webpack以下是目录结构 然后是webpack的配置 var path = require(‘path’); module.exports = { entry: [ /* ‘webpack/hot/dev-server’, ‘webpack-dev-server/client?http://localhost:8080’, */ path.resolve(__dirname, ‘app/main.jsx’) ], output: { path: path.resolve(__dirname, ‘build’), filename: ‘bundle.js’ }, module:{ loaders:[ { test: /\.jsx?$/, loader: ‘babel’, query: { presets: [‘es2015′,’react’] } } ] } }; 请问下这是怎么回事呢,谢谢啦node […]

jetBrains系列编辑器和webpack之类监视文件自动编译js的工具包如何合作?

貌似是因为webstorm的自动保存功能在作怪,文件保存之后webpack有时能发现这里做了保存动作,有时却发现不了,发现不了的情况通常还仅限于某几个js文件(很奇怪的是css文件的编辑都不曾出现过修改保存后不生效的情况,不知道是我正好没碰上还是怎么的),导致我有时必须要重新启动webpack-dev-server才能加载出刚才修改的内容。 于是我参照网上关闭phpstorm的教程关闭了webstorm的自动保存功能,但是还是不行。所以我怀疑是不是和jetBrains的编辑器处理文件的方式有关? 想问问有没有人能成功的解决这个问题。让我能用webstorm写react,因为选来选去还是jetBrains系列对es6和jsx的支持最好了

.