because pictures are preloaded in js , the pictures in HTML use data-src instead of src . I found that url-loader didn"t process these pictures, and then I used html-loader and didn"t process them either.
{
test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
loader: "url-loader",
options: {
limit: 5120,
name: assetsPath("images/[name].[hash:7].[ext]")
}
},
{
test: /\.(htm|html)$/i,
loader: "html-loader?attrs=img:src img:data-src"
}the path of the picture is written as data-src=require ('xxx.jpg')
beginners, initialize the project with vue-cli and webpack, now want to introduce a non-modular js file, this file has the following characteristics: wants to make global references, such as the js file in the css library there is no need to modi...
recently trying to use webpack to build a project, ask which library can implement the function of referencing the html module in the line of the html file? at present, all I know is that the webpack template engine can do this kind of stitching. Can ...
when packaging files with webpack, it is found that the application path is always misaligned, and the reference to img in html and css always goes wrong. this is the entire file directory structure html css webpack.config.js The path to the img...
Vision "webpack": "^3.10.0", "webpack-dev-server": "^2.9.5" File structure (before packing): webpack.config.js const path = require( path ); const webpack = require( webpack ); const HtmlWebpackPlugin =...