when I use vue-cli to build a project, I use npm run dev for packaging and deployment every time, but I always use npm run dev for packaging. Sometimes the project is very large and the packaging is very slow. Is there a good way to deploy files with hot-loaded templates like those when developing?
you can separate third-party library dependencies from your business code when webpack configures entry. Please refer to the official Document
the following is some of the configurations in a project I have done. For reference only!
entry: {
"vendor1": ["event-source-polyfill", "babel-polyfill", "vue", "vue-router", "vue-cookie", "vuex", "axios"],
"vendor2": ["element-ui"],
app: 'src/main.js'
},find a blog , which is more able to answer the questions of the subject. It is suggested that the subject should first Google and then Baidu. If it can't be solved, ask the question again.
basic common components, such as vue-resource, vue-router, axios, and vue-core, are all packaged into vendors and are not packaged when there is no version change.
yarn is recommended for packaging.
if yarn has a cache and local node_modules, the packing speed is above the normal speed of 10x
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 ...