慕前端4115411
2018-09-08 19:45
每一步都是按照老师视频写的,可是为什么视频上更新那么快,自己搭建的 编辑一次 要好长时间才能更新
if (isDev) { config.mode = 'development' } 果然如此,按照楼上说的,我之前家在一次大概5秒,去除这个警告之后就很快
我刚开始也很慢 大概是1570ms,修复了webpack 开发和生产模式的mode的那个警告后,只用了43ms就好了
const path = require('path') const {VueLoaderPlugin} = require('vue-loader') const HTMLPlugin = require('html-webpack-plugin') const webpack = require('webpack') const isDev = process.env.NODE_ENV === 'development' const config = { target: "web", mode: "production", entry: path.join(__dirname, 'src/index.js'), output: { filename: "bundle.js", path: path.join(__dirname, 'dist') }, module: { rules: [ { test: /\.vue$/, loader: 'vue-loader' }, { test: /\.css$/, use: ['style-loader', 'css-loader'] }, { test: /\.(gif|jpg|jpeg|png|svg)$/, use: [ { loader: 'url-loader', options: { limit: 1024, name: '[name].[ext]' } } ] } ] }, plugins: [ new VueLoaderPlugin(), new webpack.DefinePlugin({ 'process.env':{ NODE_ENV: isDev ? '"development"' : '"production"' } }), new HTMLPlugin() ] } if (isDev) { config.mode = 'development' config.devtool = '#cheap-module-eval-source-map' config.devServer = { port: 8000, host: '0.0.0.0', overlay: { errors: true }, hot: true } config.plugins.push( new webpack.HotModuleReplacementPlugin(), new webpack.NodeEnvironmentPlugin() ) } module.exports = config
现在 用的是webpack4 视频里用的3 我把webpack降到3打包速度就一样了很快,但是感觉这也不是解决办法,等看完视频再整体升级到4找找别的办法
devServer 参数 open 去掉,open每次打开一个网页肯定慢
我没有你的问题。。。
Vue+Webpack打造todo应用
84606 学习 · 787 问题
相似问题