david.tahir/AngularTicTacToe
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Fix webpack config url in css

Browse Source
This commit is contained in:
Maxime GRIS
2017-04-21 20:18:46 +02:00
parent 0a93ebe96a
commit cea4be57ba
1 changed files with 37 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

74
webpack.config.js
View File

@@ -130,13 +130,13 @@ module.exports = {
], ],
"test": /\.css$/, "test": /\.css$/,
"loaders": ExtractTextPlugin.extract({ "loaders": ExtractTextPlugin.extract({
"use": [ "use": [
"css-loader?{\"sourceMap\":false,\"importLoaders\":1}", "css-loader?{\"sourceMap\":false,\"importLoaders\":1}",
"postcss-loader" "postcss-loader"
], ],
"fallback": "style-loader", "fallback": "style-loader",
"publicPath": "" "publicPath": ""
}) })
}, },
{ {
"include": [ "include": [
@@ -144,14 +144,14 @@ module.exports = {
], ],
"test": /\.scss$|\.sass$/, "test": /\.scss$|\.sass$/,
"loaders": ExtractTextPlugin.extract({ "loaders": ExtractTextPlugin.extract({
"use": [ "use": [
"css-loader?{\"sourceMap\":false,\"importLoaders\":1}", "css-loader?{\"sourceMap\":false,\"importLoaders\":1}",
"postcss-loader", "postcss-loader",
"sass-loader" "sass-loader"
], ],
"fallback": "style-loader", "fallback": "style-loader",
"publicPath": "" "publicPath": ""
}) })
}, },
{ {
"include": [ "include": [
@@ -159,14 +159,14 @@ module.exports = {
], ],
"test": /\.less$/, "test": /\.less$/,
"loaders": ExtractTextPlugin.extract({ "loaders": ExtractTextPlugin.extract({
"use": [ "use": [
"css-loader?{\"sourceMap\":false,\"importLoaders\":1}", "css-loader?{\"sourceMap\":false,\"importLoaders\":1}",
"postcss-loader", "postcss-loader",
"less-loader" "less-loader"
], ],
"fallback": "style-loader", "fallback": "style-loader",
"publicPath": "" "publicPath": ""
}) })
}, },
{ {
"include": [ "include": [
@@ -174,14 +174,14 @@ module.exports = {
], ],
"test": /\.styl$/, "test": /\.styl$/,
"loaders": ExtractTextPlugin.extract({ "loaders": ExtractTextPlugin.extract({
"use": [ "use": [
"css-loader?{\"sourceMap\":false,\"importLoaders\":1}", "css-loader?{\"sourceMap\":false,\"importLoaders\":1}",
"postcss-loader", "postcss-loader",
"stylus-loader?{\"sourceMap\":false,\"paths\":[]}" "stylus-loader?{\"sourceMap\":false,\"paths\":[]}"
], ],
"fallback": "style-loader", "fallback": "style-loader",
"publicPath": "" "publicPath": ""
}) })
}, },
{ {
"test": /\.ts$/, "test": /\.ts$/,
@@ -252,24 +252,24 @@ module.exports = {
"options": { "options": {
"postcss": [ "postcss": [
autoprefixer(), autoprefixer(),
postcssUrl({"url": (URL) => { postcssUrl({"url": (obj) => {
// Only convert root relative URLs, which CSS-Loader won't process into require(). // Only convert root relative URLs, which CSS-Loader won't process into require().
if (!URL.startsWith('/') || URL.startsWith('//')) { if (!obj.url.startsWith('/') || obj.url.startsWith('//')) {
return URL; return obj.url;
} }
if (deployUrl.match(/:\/\//)) { if (deployUrl.match(/:\/\//)) {
// If deployUrl contains a scheme, ignore baseHref use deployUrl as is. // If deployUrl contains a scheme, ignore baseHref use deployUrl as is.
return `${deployUrl.replace(/\/$/, '')}${URL}`; return `${deployUrl.replace(/\/$/, '')}${obj.url}`;
} }
else if (baseHref.match(/:\/\//)) { else if (baseHref.match(/:\/\//)) {
// If baseHref contains a scheme, include it as is. // If baseHref contains a scheme, include it as is.
return baseHref.replace(/\/$/, '') + return baseHref.replace(/\/$/, '') +
`/${deployUrl}/${URL}`.replace(/\/\/+/g, '/'); `/${deployUrl}/${obj.url}`.replace(/\/\/+/g, '/');
} }
else { else {
// Join together base-href, deploy-url and the original URL. // Join together base-href, deploy-url and the original URL.
// Also dedupe multiple slashes into single ones. // Also dedupe multiple slashes into single ones.
return `/${baseHref}/${deployUrl}/${URL}`.replace(/\/\/+/g, '/'); return `/${baseHref}/${deployUrl}/${obj.url}`.replace(/\/\/+/g, '/');
} }
}}) }})
], ],