webpack-and-spa-guide

webpack-and-spa-guide copied to clipboard

【警告】不建议学习webpack4.0的人看这篇文章学习

9

由我的个人体验来看，本文所使用的配置也许已经过时，我无法按照本文的指引，最终完成目标。这也许有我个人的原因在里面，但我觉得指出本文的更新时间距今2019年5月11日已经一年是个值得注意的一点，我决定去啃最新的英文文档，并建议观看本文的读者也这样做。 我遇到的问题： - 有的配置项的依赖已经过时，你按照本文安装的babel-loader和babel-core不兼容 - webpack-serve已经停止更新，且我无法出现正常的画面 - 在本文配置的基础上我试图切换到webpack-dev-server，依旧出现各种问题

hyf0

配置 webpack

1

配置 webpack 这个地方，webpack.config.js 这个文件是放在根目录还是哪里？

dbstao


hugselina2019

routes[path] is not a constructor

2

webpack-in-action/examples/simple/src/index.js 运行时无论是谷歌还是火狐都报routes[path] is not a constructor这个错，在index.js 37行

kx59717

为啥没有区分dev和pro呢？

3

为啥没有建立webpack.dev.config.js和webpack.pro.config.js，如果只有一个js如何管理dev pro的区分呢?现在项目就是用的两个js来区分的。但是感觉重复代码多.请教下有没有更好的办法啊。

guoxiangwen

Cannot find module 'connect-history-api-fallback'

1

照着教程弄，一步一步的，发现作者少安装了 connect-history-api-fallback模块

wu775825

建议更新webpack-serve到webpack-dev-server

ghost

webpack4 如何单独打包css文件

2

webpack4 如何单独打包css文件，目前是直接打包到js里到 但前端是需要css先加载的

zsbox

const os = require('os'); const path = require('path'); const webpack = require('webpack') const WebpackDevServer = require("webpack-dev-server"); const MiniCssExtractPlugin = require("mini-css-extract-plugin");//css单独打包 const HtmlWebpackPlugin = require('html-webpack-plugin'); //生成html const OpenBrowserPlugin = require('open-browser-webpack-plugin');//自动打开浏览器 //...

wentoos

## 假设我的目录是这样的： ```` |——myapp/ |——dist/ |——src / | |——blog/ | | |——index.html | | |——blog.js | | |——img/ | | |——a.jpg | |——hobby/ | |——index.html | |——hobby.js | |——img/ |...

owlyme