- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
当以 --open 标志启动时,如何激励 webpack-dev-server 打开我的 publicPath?
目前它打开一个浏览器选项卡到http://localhost:3000 ,但我希望它直接打开http://localhost:3000/app ,这是我定义的公共(public)路径。
当我手动输入 http://localhost:3000/app启动 webpack-dev-server 后,它按预期工作。
这是我的 webpack.config.js,到目前为止效果很好:
const path = require('path');
const ExtractTextPlugin = require('extract-text-webpack-plugin');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const CleanWebpackPlugin = require('clean-webpack-plugin');
const CopyWebpackPlugin = require('copy-webpack-plugin');
const webpack = require('webpack');
module.exports = {
entry: {
vendor: [
'jquery',
'angular'
],
app: './src/app/index.module.js',
libs: [
'./src/libs/pagination/dirPagination.js',
'./src/libs/sc-date-time/sc-date-time.js',
'./src/libs/msd-elastic.js',
'./src/libs/ng-textcomplete.js',
'./src/libs/highcharts/highslide-full.js',
'./src/libs/highcharts/Sankey.js'
]
},
output: {
filename: '[name].bundle.js',
chunkFilename: '[id].bundle.js',
path: path.resolve(__dirname, 'dist'),
publicPath: '/app/'
},
devtool: 'inline-source-map',
devServer: {
contentBase: './dist',
host: 'localhost',
port: '3000',
inline: true,
compress: true,
proxy: {
'/api/**': {
target: 'http://10.189.1.159:8080',
secure: false,
changeOrigin: true,
cookieDomainRewrite: true
}
}
},
resolve: {
extensions: ['.ts', '.tsx', '.js'],
alias: {
angular: path.resolve(__dirname, 'node_modules/angular/index.js')
}
},
module: {
rules: [{
test: /\.css$/,
use: ExtractTextPlugin.extract({
fallback: 'style-loader',
use: ['css-loader', 'postcss-loader']
})
}, {
test: /\.scss$/,
use: ExtractTextPlugin.extract({
fallback: 'style-loader',
use: [
{loader: 'css-loader', options: {sourceMap: true}},
{loader: 'postcss-loader', options: {sourceMap: true}},
{loader: 'sass-loader', options: {sourceMap: true}}
]
})
}, {
test: /\.ts|\.js?$/,
exclude: /node_modules/,
loader: 'ts-loader'
}, {
test: /\.html$/,
use: [
{loader: 'ngtemplate-loader?relativeTo=' + (path.resolve(__dirname, 'src/app'))},
{loader: 'html-loader'}
],
exclude: path.resolve(__dirname, 'src/index.html')
}, {
test: /\.(jpe?g|gif|png|svg)$/,
use: [
{loader: 'file-loader?relativeTo=' + (path.resolve(__dirname, 'src/assets'))}
]
}, {
test: /.(ttf|otf|eot|woff(2)?)(\?[a-z0-9]+)?$/,
use: [{
loader: 'file-loader',
options: {
name: '[name].[ext]',
outputPath: 'fonts/'
}
}]
}, {
test: require.resolve('jquery'),
use: [{
loader: 'expose-loader',
options: 'jQuery'
}, {
loader: 'expose-loader',
options: '$'
}]
}, {
test: require.resolve('angular'),
use: [{
loader: 'expose-loader',
options: 'angular'
}]
}]
},
plugins: [
new webpack.HotModuleReplacementPlugin(),
new ExtractTextPlugin('styles.css'),
new webpack.optimize.CommonsChunkPlugin({
name: 'vendor',
minChunks: Infinity
}),
new webpack.optimize.CommonsChunkPlugin({
name: 'manifest',
minChunks: Infinity
}),
new HtmlWebpackPlugin({
filename: 'index.html',
template: './src/index.html',
chunks: ['manifest', 'vendor', 'app', 'libs']
new CopyWebpackPlugin([{
context: './src/assets/locales',
from: '**/*',
to: './assets/locales/'
}])
]
};
最佳答案
v4
使用devServer.open :
npx webpack serve --open /app
或者
module.exports = {
// ...
devServer: {
open: ['/app'],
// ...
},
}
v3
/app
.
output: {
publicPath: '/app', // deploy on server with /app/ folder name
filename: '[name].bundle.js',
path: path.resolve(__dirname, 'public')
},
devServer: {
contentBase: './dist',
host: 'localhost',
port: '3000',
inline: true,
compress: true,
proxy: {
'/api/**': {
target: 'http://10.189.1.159:8080',
secure: false,
changeOrigin: true,
cookieDomainRewrite: true
}
}
open: true, // Here
openPage: '/app' // And here
},
关于webpack-dev-server --打开特定路径?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47259336/
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。 这个问题似乎不是关于 a specific programming problem, a softwar
i=5 expr $i + 6 1>/dev/null 将标准输出重定向到/dev/null。怎么样 expr $i + 6 >/dev/null expr $i + 6 1>/dev/null 和
在 R 中,可以握住设备,绘制图片,然后刷新设备来渲染图形。这对于具有数千个数据点、颜色渐变等的非常复杂的绘图非常有用,因为如果不保持,设备将在每次绘图操作后刷新。效果非常好。 但是,一旦绘图就位,任
我想通过串口dev文件执行IPC管道。这是要求首先我尝试使用 sudo socat /dev/ttyS0,raw,echo=0,crnl /dev/ttyS1,raw,echo=0,crnl 报错如下
关闭。这个问题是off-topic .它目前不接受答案。 想改进这个问题吗? Update the question所以它是on-topic用于堆栈溢出。 关闭 10 年前。 Improve thi
我正在尝试使用 mpg123 播放随机歌曲命令行。但不知道我的默认音频设备是什么。或者如果我需要使用“-a”选项指定任何其他音频设备。/dev/audio 和/dev/dsp 都是音频设备。如何知道哪
我可以看到/dev/uinput 和/dev/input 都存在于我的 Ubuntu 中并且它们很相似。它们可用于检测/模拟按键/鼠标/触摸事件。所以我对它们之间的区别感到困惑?谢谢! 新增:是的,我
cat/dev/urandom 总是一种在显示器上创建滚动字符的有趣方式,但会产生太多不可打印的字符。 有没有一种简单的方法可以在命令行上对其进行编码,使其所有输出都是可读字符,例如 base64 或
是否可以在没有 bit.dev 帐户的情况下将 bit 设置为本地服务器以进行内部处理? 我知道您可能没有相同的功能 -- bit's FAQ page说“与 Bit CLI 不同,bit.dev 服
我试图在 Ubuntu 的启动过程中尽早采样一些随机性。我想知道是否有人建议如何做到这一点。我目前的想法是寻找/dev/random 和/dev/urandom 在引导序列中创建的位置,并在那里添加我
我正在尝试使用'dotnet dev-certs'工具导出https证书以包含在Docker镜像中。现在我正在使用: dotnet dev-certs https -v -ep $(HOME)\.as
我发现非常方便的 dev.copy2pdf 命令可以将我正在查看的窗口复制到 pdf 文件中,如下所示: plot(rnorm(1000)) dev.copy2pdf(file="myfile.pdf
谁能告诉我为什么从硬盘驱动器上清除数据时出于安全性考虑首选/dev/random? 最佳答案 简单的答案,/dev/random不是首选。两者同样安全。使用/dev/zero可以更轻松地进行验证。还可
已关闭。此问题不符合Stack Overflow guidelines 。目前不接受答案。 这个问题似乎不是关于 a specific programming problem, a software
我有一个从 initramfs 镜像启动的嵌入式 Linux(vanilla、3.3.8、i486、Vortex86dx)系统。 我有一个 IDE 闪存盘,在/dev/hda1 和/dev/hda2
在Linux中,/dev/ttyS0和/dev/ttys0有什么区别? 我知道第一个是串行端口,但第二个是什么,带有小的 s? 最佳答案 see this For a pseudo terminal
我有一些命名空间的测试被自动加载到包 A 中使用 "autoload-dev": { "psr-4": { "Vendor\\PackageA\\PhpUnit\\": "te
我意识到/dev/stdout 和/dev/stderr 文件在没有根目录的 Android 设备上不存在。我同意这一点——但我需要一些方法来在我的 shell 脚本中重定向输入/输出——包括将输出重
我想对使用 composer 安装的软件包的最低支持版本运行测试,但理想情况下我想要最新版本的开发软件包。 具体来说,我想运行它来安装最低版本的软件包以进行测试: composer update --
我必须将开发分支从 testing 重命名为 tom 。重命名后,我必须创建一个具有相同名称的开发分支,它是 testing 并且它应该指向 master 的特定提交。 我已将分支重命名为: git
我是一名优秀的程序员,十分优秀!