Webpack 网址不正确
Webpack urls not correct
我在正确解析 URL 时遇到问题。在我的本地节点服务器上运行时(因为它很方便),它就像一个魅力,但是当我将其上传到我的服务器时,一旦我将其放入子文件夹 (http://hostname.com/folder),它就会停止工作,如果我把它放在根目录中,它很好。
我通过JS加载的图像需要中断。它们被放置在我项目根目录的"assets"文件夹中。但它在服务器的根目录中搜索。
网包配置:
var webpack = require('webpack');
var ExtractTextPlugin = require('extract-text-webpack-plugin');
var path = require('path');
var config = require('./_config'); //paths config..
module.exports = {
entry: [
config.build('js', 'src'), //JavaScript entry point
config.build('css', 'src'), //CSS entry point
output: {
path: config.js.dest.path,
filename: config.js.dest.file //JavaScript end point
}, //quickest, webpack -d -p for production
devtool: 'eval',
module: {
//test: which filetype?,
//exclude: which folders to exclude
loaders: [{
test: /'.js$/,
exclude: /node_modules/,
loader: 'babel',
query: {
babelrc: path.join(__dirname, '.babelrc')
}
}, {
test: /'.js$/,
exclude: /node_modules/,
loader: 'eslint'
}, {
test: /'.scss$/,
loader: ExtractTextPlugin.extract('css!postcss!sass?outputStyle=expanded')
}, {
test: /'.json$/,
loader: 'file?hash=sha512&digest=hex&name=../assets/[hash].[ext]'
}, {
test: /'.(jpe?g|png|gif|svg)$/i,
loaders: [
'file?hash=sha512&digest=hex&name=../assets/[hash].[ext]',
'image-webpack?{progressive:true, optimizationLevel: 7, interlaced: false, pngquant:{quality: "65-90", speed: 4}}'
]
}]
}, postcss: function(){
return [
require('postcss-will-change'),
require('postcss-cssnext')({
browsers: ['IE >= 10', 'last 2 version'],
features: {
autoprefixer: {
cascase: false
}
}
})
]
}, //webpack plugins
plugins: [
new webpack.optimize.DedupePlugin(),
//extract CSS into seperate file
new ExtractTextPlugin(
config.build('css', 'dest')
)
], eslint: {
configFile: path.join(__dirname, '.eslintrc'),
ignorePath: path.join(__dirname, '.eslintignore')
}, resolve: {
extensions: ['', '.json', '.js', '.css'],
fallback: path.join(__dirname, 'node_modules')
}, resolveLoader: {
fallback: path.join(__dirname, 'node_modules')
}
};
提前感谢!
将 publicPath 设置为指向您的资产目录。例:
output: {
path: config.js.dest.path,
filename: config.js.dest.file,
publicPath: 'assets'
}
此外,您需要像这样调整加载器定义:
loader: 'file?hash=sha512&digest=hex&name=./assets/[hash].[ext]'
完成这些调整后,您的应用程序将为我运行,没有任何错误。
相关文章:
- Jquery菜单操作不稳定,定位不正确,存在一般错误
- Amazon S3 REST API大小不正确
- Javascript Reg Exp不正确匹配
- DIV并排,位置不正确
- 仅在IE中,javascript中的时区名称不正确
- 注意:wp_enqueue_script调用不正确.在 Wordpress 调试模式下
- 你能解释一下为什么这个javascript不正确吗
- 从int值来看,Javascript日期不正确
- jQuery-迭代不正确?(太长,无法执行)
- 字符串解析不正确
- 日历显示不正确
- 引导程序下拉列表显示不正确
- Node.js:多个然后'It’执行顺序不正确
- Highcharts热图显示不正确
- Firefox使用JQuery返回不正确的JSON
- 尝试在两次迭代中警告同一选择器的值,在第一次迭代中得到正确的值,而在第二次迭代中获得不正确的值.为什么?
- Mongoose响应解析不正确
- 由于布尔值的变化,Django视图中的字符串格式不正确
- 递归函数返回不正确
- Webpack 网址不正确