Я очень новичок в веб-пакете и прочем, мне нужно решение для разделения base href для index.html и src для bundle.js, для разработки и производство, поскольку оба разные.
Для разработки
базовый href = локальный хост
источник = /bundle.js
Для производства
base href = URL-адрес сервера
источник = /dist/bundle.js
Чтобы решить вышеуказанную проблему, я пытаюсь использовать HtmlWebpackPlugin, ниже приведена настройка webpack.config.js.
var HtmlWebpackPlugin = require('html-webpack-plugin');
module.exports = {
entry: [
'./src/index.js'
],
output: {
path: __dirname + "/dist",
publicPath: '/',
filename: 'bundle.js'
},
module: {
rules: [
{
exclude: /node_modules/,
use:[
{
loader: 'babel-loader',
options:{
presets: ['react', 'es2015', 'stage-1']
}
},
]
},
plugins: [
new webpack.ProvidePlugin({
$: "jquery",
jQuery: "jquery"
}),
new HtmlWebpackPlugin({
template:'index.html',
inject:'head',
hash: true,
baseHref: 'http://localhost:8030/'
})
]
};
и вот как я пытаюсь использовать baseHref в index.html
<html>
<head>
<% if (htmlWebpackPlugin.options.baseHref) { %>
<base href="<%= htmlWebpackPlugin.options.baseHref %>">
<% } %>
/*
Several css are defined with relative path here
*/
</head>
<body>
<div class="container-fluid"></div>
</body>
<script src="/bundle.js"></script>
</html>
Я получаю следующую ошибку, используя вышеуказанные настройки
Мне нужна помощь, чтобы узнать, что я делаю неправильно здесь?
Любая помощь будет высоко оценен.
Спасибо.
html-loader? - person Prakash Sharma schedule 09.09.2017ejs. Никакой загрузчик для этого не нужен. github.com/jantimon/html-webpack- плагин/блоб/мастер/документы/ - person Prakash Sharma schedule 09.09.2017html-loader. - person Prakash Sharma schedule 09.09.2017test: /\.js$/,дляbabel-loaderработало для html, правда сейчас перешел на ejs. Спасибо за помощь. - person iphonic schedule 09.09.2017