Webpack 多个入口点的不同解析
现在,我已经成功地设置了一个webpack配置和webpack开发服务器(hotload),它可以同时管理我的所有子项目/插件 但是,我希望能够解析每个子项目的文件夹,例如Webpack 多个入口点的不同解析,webpack,webpack-dev-server,Webpack,Webpack Dev Server,现在,我已经成功地设置了一个webpack配置和webpack开发服务器(hotload),它可以同时管理我的所有子项目/插件 但是,我希望能够解析每个子项目的文件夹,例如/components,以避免较长的相对路径。这可能吗 我有以下文件夹结构 -/ MyProject -/ node_modules -/ plugin1 -/ node_modules - package.json ... -/ plugin2 -/ plugin3 -/ share
/components
,以避免较长的相对路径。这可能吗
我有以下文件夹结构
-/ MyProject
-/ node_modules
-/ plugin1
-/ node_modules
- package.json
...
-/ plugin2
-/ plugin3
-/ shared (styles etc)
- webpack.config.js
- package.json
我的网页配置:
var webpack=require('webpack');
var path=require('path');
var ExtractTextPlugin=require('extract-text-webpack-plugin')
var env=process.env.NODE_env;
var isProduction=env==‘production’
var主机=“”;
var socketHost='ws://localhost:4000'
module.exports = {
devtool: 'source-map',
entry: {
script: ['webpack-hot-middleware/client', './js/script/src/index.js'],
app: ['webpack-hot-middleware/client', './js/site/index.js'],
},
output: {
path: path.join(__dirname , 'dist'),
filename: '[name].js',
publicPath: '/static/'
},
resolve: {
root: path.resolve(__dirname),
alias: {
styles: path.join(__dirname, 'styles'),
app: path.join(__dirname, 'js', 'site'),
script: path.join(__dirname, 'js', 'script'),
}
},
module: {
loaders: [
{
test: /\.jsx?$/,
exclude: /node_modules/,
loader: 'babel-loader',
},
{
test: /\.scss$/,
loaders: ["style", "css", "sass"]
},
{
test: /\.(otf|eot|svg|ttf|woff|woff2)(\?.+)$/,
loader: 'url-loader?limit=8192',
include: /node_modules/
}
]
},
plugins: [
new webpack.DefinePlugin({ PRODUCTION: false, APP_HOST: JSON.stringify(host), WS_HOST: JSON.stringify(socketHost) }),
new webpack.optimize.OccurenceOrderPlugin(), // recommanded by webpack
// new webpack.HotModuleReplacementPlugin(),
new webpack.NoErrorsPlugin(), // recommanded by webpack
// new ExtractTextPlugin('bundle.css')
]
};
您是否已经在使用
resolve.alias
?这是一个“全局”设置,我想为我的每个入口点使用一个单独的resolve.alias来解决这个问题?