我是webpack的新手,我试图了解加载器及其属性,例如测试,加载器,包含等。
这是我在Google中找到的webpack.config.js的示例片段。
module: {
loaders: [
{
test: /\.js$/,
loader: 'babel-loader',
include: [
path.resolve(__dirname, 'index.js'),
path.resolve(__dirname, 'config.js'),
path.resolve(__dirname, 'lib'),
path.resolve(__dirname, 'app'),
path.resolve(__dirname, 'src')
],
exclude: [
path.resolve(__dirname, 'test', 'test.build.js')
],
cacheDirectory: true,
query: {
presets: ['es2015']
}
},
]
}
我是否正确测试:/.js$/仅用于扩展名为.js的文件?
加载程序:“ babel-loader”,是我们使用npm安装的加载程序
包括:我对此有很多疑问。我对我们放入数组中的任何内容都将进行转译吗?这意味着将转储lib.app和src中的index.js,config.js以及所有* .js文件。
More questions on the include: When files get transpiled, do the *.js files get concatenated into one big file?
I think exclude is self explanatory. It will not get transpiled.
What does query: { presets: ['es2015'] } do?
在webpack config中,有很多东西需要配置,重要的是
输出-您要创建的最终捆绑包。如果您指定例如
输出:{文件名:“ [名称] .bundle.js”,供应商:“反应”}
然后,您的应用程序js文件将被打包为main.bundle.js并在vendor.js文件中做出反应。如果您不在html页面中同时使用两者,则会出错。
希望能有所帮助