最近的文章列表

vue-cli#2.0 webpack 配置分析

前言

作为 Vue 的使用者我们对于 vue-cli 都很熟悉,但是对它的 webpack 配置我们可能关注甚少,今天我们为大家带来 vue-cli#2.0 的 webpack 配置分析

vue-cli 的简介、安装我们不在这里赘述,对它还不熟悉的同学可以直接访问 vue-cli 查看

目录结构

2016/12/28 Comments:
webpack配置.jsx文件由babel来解析,出现:babel没能识别我 js 文件中的 jsx 语法?

fb 开发网上例子 getting  started用的是 

<script type="text/babel">      
// To get started with this tutorial running your own code, simply remove      
// the script tag loading scripts/example.js and start writing code here.    
</script>  

而一般我们会看到用的是jsx  有什么区别吗

区别就在于 babel 支持将按照ES6写的代码转成ES5格式的代码,以便让其能在现代浏览器上正常运行,用jsx, 只能用ES5的语法。

升级到 babel6 了

安装 babel-preset-react

2016/2/17 Comments:
Webpack+React+Hot控制台报错:Cannot read property ‘NODE_ENV’ of undefined

解决办法如下:

找到webpack.config.js文件:

var webpack = require('webpack');
var path = require('path');

module.exports = {
// entry: './js/entry.js',
entry: [
'webpack-dev-server/client?http://127.0.0.1:3000', // WebpackDevServer host and port
'webpack/hot/only-dev-server',
2016/2/16 Comments: