我正在尝试创建一个webpack 4配置文件,但是我有点不了解。
这是我需要做的:
将JS文件编译成一个JS文件,包括jQuery。 jQuery在所有没有导入语句的源文件中都可用的地方(以使用旧版JS代码)。基本上,我可以在任何源文件中键入$(....)或jQuery(...),并且可以正常工作。
将scss编译为两个文件:app.css和editor.css。 Editor.css仅包含来自选定源文件的某些CSS。
以开发人员模式进行热加载...基本上,每当我保存源文件时,浏览器都会立即更新。
我还没有看过images / svg,但是一件不错的事情是能够直接在CSS中包含SVG(不是要求)。
HTML是由我的CMS生成的,因此无需对HTML AFAIK做任何事情。
我想将一些变量注入webpack.config文件-例如输入Poiknt的位置-即main.js / style.css,也许还有其他一些。
我的问题很简单:我如何/在哪里可以找到这样的配置文件,并对其工作方式进行了一些解释/它的作用,以便我可以放心地将其用于我的项目。也许更好的问题是-我该如何学习创建这样的文件!
很显然,如果您对其他很棒的插件有一些想法,那么我也想使用它们。
我知道问一个如此广泛的问题不是一个好主意,但是webpack的难点是将它们缝在一起。也就是说,我可以单独完成所有这些任务,但总体上可以完成!!!
任何帮助表示赞赏。
PS到目前为止是我的尝试... https://gist.github.com/sunnysideup/c10a74416dcbcb091750a15a7d7ee1ba