webpack Webpack,React JSX,Babel,ES6,简单配置
示例
确保您安装了正确的npm依赖项(babel决定将其自身拆分为一堆软件包,与“对等依赖项”有关):
npminstallwebpackwebpack-node-externalsbabel-corebabel-loaderbabel-preset-reactbabel-preset-latest--save
webpack.config.js:
module.exports = {
context: __dirname, //设置相对点(可选)
entry: "./index.jsx",
output: {
filename: "./index-transpiled.js"
},
module: {
loaders: [{
test: /\.jsx$/,
loader: "babel?presets[]=react,presets[]=latest" //避免.babelrc
}]
}, //如果导出为模块,则可能需要libraryTarget:umd
externals: [require("webpack-node-externals")()], //可能不需要
devtool: "inline-source-map"
};webpack-node-externals是一项功能,可扫描您的文件node_modules并确保它们不会与您的前端代码一起被转译和捆绑,尽管它确保捆绑包保留对它们的引用。由于不需要重新编码库,因此这有助于更快地进行编译。
热门推荐
10 儿子立冬祝福语简短独特
11 对当兵的祝福语简短
12 侄儿高考试祝福语简短
13 伴郎红包祝福语朋友简短
14 媳妇生日简短祝福语朋友
15 公司年会祝福语简短最好
16 元旦感恩祝福语简短大全
17 红包祝福语简短10字
18 周六早晨祝福语简短