94dreamer / webpack

简单易懂的webpack入门教程

Webpack 简易教程 🏫

我希望这个教程可以使Webpack易学。

• Part 1 - Webpack 介绍、基础和设定
• Part 2 - Babel、Lint、以及环境变量
• Part 3 - Webpack关于React+Babel
• 多页面开发 - touch-webpack-multiPage

webpack's Issues

好多地方都走不通

OccurenceOrderPlugin已经改名为OccurrenceOrderPlugin

OccurenceOrderPlugin已经改名为OccurrenceOrderPlugin

良心教程

良心教程啊，讲的挺好，官网api不适合新手

新手遇到问题 Couldn't find preset "es2015" relative to directory

非常有心啊，太赞了。
我在用webpack这个工具时遇到了问题，无法解决，能否帮忙瞅一眼呢？谢谢啦。

我对前端技术不了解，刚接触一个开源项目html5_rtsp_player，里面的demo中，有这个步骤”webpack --config webpack.config.js”，目前卡在了这里。
我在他们的项目中也提了issu把自己遇到的问题及解决办法记录下来，但是维护人员估计很忙，一直没有回复我。
现在的报错是
Hash: c848527f64a5353b8e14
Version: webpack 1.13.3
Time: 527ms
+ 1 hidden modules
ERROR in ./test.js
Module build failed: Error: Couldn't find preset "es2015" relative to directory "/home/shaw/workspace/html5_rtsp_player"
网上各种方法都看了，但是由于不了解webpack，只能胡乱尝试，都无法解决这个报错问题。

我的webpack.config.js文件内容如下：

const path = require('path');

const PATHS = {
src: {
test: path.join(__dirname, 'test.js')
},
dist: __dirname
};

module.exports = {
entry: PATHS.src,
output: {
path: PATHS.dist,
filename: '[name].bundle.js'
},
module: {
loaders: [
{
test: /.js$/,
loader: 'babel',
query: {
presets: ['es2015', 'stage-3', 'stage-2', 'stage-1', 'stage-0']
}
}
]
},
resolve: {
alias: {
rtsp: path.join(__dirname,'node_modules/html5_rtsp_player/src')
}
}
};

part2中有个错误

src/index.js第二行 require('./styles.css') ,没有styles.css这个文件 ,应该是 require('./style.css')