Comments (6)
+1
from file-loader.
@Jmeyering @iamsisar Can your explain what your need more detail? Provide example where file-loader doesn't work as expected?
from file-loader.
@evilebottnawi this is my issue that cause me to stumble upon this jantimon/html-webpack-plugin#296
from file-loader.
@JacobJohansen jantimon/html-webpack-plugin#296 the config there is just wrong, please show your webpack.config.js
from file-loader.
const path = require('path');
const webpack = require('webpack');
const bourbon = require('node-bourbon').includePaths;
const HtmlWebpackPlugin = require('html-webpack-plugin');
var distPath = path.resolve('dist/');
var commonsPlugin = new webpack.optimize.CommonsChunkPlugin({
name: 'vendor',
filename: 'vendor.bundle.[hash].js'
});
module.exports = {
entry: {
home: './app/app',
authSetup: './app/authSetup.js'
},
output: {
path: distPath,
publicPath: '/',
filename: "[name].[hash].js"
},
devServer: {
contentBase: 'public'
},
module: {
rules: [
{
test: /\.js$/,
use: [
{ loader: 'ng-annotate-loader' }
]
}, {
test: /\.scss$/,
use: [
{
loader: "file-loader",
options: {
context: 'app',
name: "[path][name].[hash].css"
}
},
{
loader: "extract-loader"
},
{ loader: "css-loader", options: {
url: false
}},
{ loader: "sass-loader?includePaths[]=" + bourbon }
]
}, {
test: /\.html$/,
exclude: /app\/([^\/]+\.html)$/,
use: [
{
loader: "file-loader",
options: {
context: 'app',
name: "[path][name].[hash].[ext]"
}
},{
loader: "extract-loader"
}, {
loader: "html-loader",
options: {
attrs: false
}
}
]
}, {
test: /\.json$/,
exclude: /node_module/,
use: [
{
loader: "file-loader",
options: {
context: 'app',
name: "[path][name].[hash].[ext]"
}
}
]
}
]
},
plugins: [
commonsPlugin
// , new webpack.optimize.UglifyJsPlugin({ mangle: false })
, new HtmlWebpackPlugin({
inject: true,
template: './app/webpackIndex.html'
})
],
resolveLoader: {
modules: [
path.resolve('node_modules/')
]
}
};
from file-loader.
@JacobJohansen The html-webpack-plugin
doesn't pick up files extracted with extract-loader
, use the extract-text-webpack-plugin
instead
from file-loader.
Related Issues (20)
- More documentation around esModules and their behavior please HOT 5
- In the webpack watch mode, the missing image output will appear HOT 1
- Jpeg-2000 support HOT 2
- Provide file stats via named exports HOT 1
- import png from './image.png'; png is object,is not a url(string) HOT 1
- copying images with picture tag HOT 2
- RFC: uglify option HOT 4
- Problem with import webp image HOT 1
- Pass additional assetInfo object when calling emitFile HOT 2
- Is the CDN example correct? HOT 2
- postTransformPublicPath does not work with runtime variables/methods HOT 2
- Breaking change desc in 5.0.0 can be improved HOT 1
- Breaking change desc in 5.0.0 can be improved HOT 5
- Support for loader chaning HOT 1
- 6.2.0 breaks file-loader for me HOT 3
- [Feature Request]Make `emitFile` tree shakingable HOT 6
- asset/resource hash in name HOT 12
- Random uppercase directory being generated HOT 1
- OTS parsing error: invalid version tag | Failed to decode downloaded font: http://localhost:3000/static/7542ab376339625d813fe71d074ee925.woff HOT 3
- OTS parsing error: invalid version tag | Failed to decode downloaded font: http://localhost:3000/static/7542ab376339625d813fe71d074ee925.woff HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from file-loader.