the project is built using vue-cli, but the packaged app.css file is 1.22m. How can this be optimized?
Baidu mainly found the optimization of vendor.js, but did not find the optimization of css. For advice, thank you
the project is built using vue-cli, but the packaged app.css file is 1.22m. How can this be optimized?
Baidu mainly found the optimization of vendor.js, but did not find the optimization of css. For advice, thank you
app.js is also very large. Do you use components to load asynchronously
if you have multiple uses using scoped style, build configuration allChunks turn off, do not merge to app.css
new ExtractTextPlugin({
...
// Setting the following option to `false` will not extract CSS from codesplit chunks.
// Their CSS will instead be inserted dynamically with style-loader when the codesplit chunk has been loaded by webpack.
allChunks: false,
}) to split, you can use dll in webpack to do partial segmentation, such as public css files of third parties, etc. Then the plug-in mini-css-extract-plugin can be used to extract the css files of their respective modules (if webpack4 is used), and the webpack3 can be converted to extract-text-webpack-plugin
Previous: Why vue-cli can't refresh the browser automatically when writing css
Next: Why does Android studio package debug version of apk, have four apk?
now my project is to package css and js separately, and the directory structure after packaging is the same as before. before packing: csscssimages.. csscss.. .. : webpack.config.js csscss csscss I would like to ask all the great gods, what ...
question: when I use vue2.5.2 scaffolding to generate a webpack project, I find that it has a configuration node under the automatic generation file build webpack.base.conf.js. What is it and what is it for? ...
it was fine when the computer was turned off yesterday, and that s how it started today ...
just started to learn the project development of webpack+vue, and ran it with webpack-dev-server after configuration, but there was nothing wrong with the page. I ve been looking for it for two days and I still don t know why. here is the code pac...
after the vue project is packaged, run the report: webpackjsonp is not defined webpack.prod.conf.js new HtmlWebpackPlugin({ filename: process.env.NODE_ENV === testing ? index.html : config.build.index, template...
I accidentally typed a y while installing scaffolding, so I installed e2e . ask you how to delete this report a lot of errors if this folder is deleted directly ...
is npm run dev a service? why can t you use the mobile phone of the same router to access the computer s ip plus port? ...
recently I watched the teaching video of vue2.0 high imitation music webapp, but because the version of vue-cli (vue-cli version is 2.8.2) is different, there is no dev-server.js file in my build directory. On the video, the request for cross-domain da...
mistakes in packing Times are as follows: but it can be used normally in development mode. Refer to the website that you want to configure es2015, in .babelrc, but I have already configured . { "presets": [ ["env", { ...
less-loder has been installed theme.less @wid:1000px; App.vue <style lang="less"> @import . style theme.less ; < style> search.vue <style lang= less scoped> .dataSearch { width: @wid; } < style> ...
items are listed below: screenshot 2018-04-04 4.37.25 p.m. set in config index.js build:{ assetsSubDirectory: static , assetsPublicPath: , } then get logo.png in the vue file data(){ return { logoSrc: require( s...
what is written in the configuration file directly is the private network url, but now you want to use the environment variables configured on the server instead. How to modify it module.exports = { NODE_ENV: "production" , ENV_CONFIG: ...
exactly what went wrong, it is not very clear ...
the directory structure is as follows 1. I try to put pictures directly into index.html, using the absolute path in static can be achieved, but loading pictures in assets is not good, and the relative path is useless, how to achieve html files if you...
my global variable configuration vue :@base-color-red less@ ...
in webpack.base.config.js , why do I add @ : resolve ( src ) in resolve -> alias npm run dev ? ... resolve: { extensions: [ .js , .vue ], alias: { vue : vue dist vue.esm.js , @ : resolve( src ) } }...
I want to make a vue component by myself, but if I want to mention it separately, I can put it in other projects. Other projects use cdn, so I want to make a plug-in like JQ, as long as I reference vue.js and my compiled components. it s a pity that I...
vue init webpack project npm run build after reporting an error Failed to load resource: the server responded with a status of 404 (Not Found), has any friend ever encountered such a problem? ...
when you open the page after it is introduced on demand, it will prompt you for about 3 seconds console does not show throw error, black question mark face! ...
the reason for the loss of css background image after packaging is due to under build. assetsPublicPath: , but the solution to the blank screen after the project is packaged is to set assetsPublicPath to . . How to solve this ...