webpack 4.0 配置方法以及错误解决

选取一个空目录来试验

全局安装webpack4.1之后

创建目录

mkdir webpacktest && cd webpacktes

初始化package.json

npm init -y;

然后文件目录中安装webpack

npm i [email protected] --save-dev  @next我也不知道是什么意思

安装cli工具

npm i webpack --save-dev

再在package.json中配置script

"script":{

  "build":"webpack"

}

这个时候直接运行webpack肯定是会报错的。之前的版本需要webpack.congfig.js里面配置一大堆东西;

现在不需要了

直接建立你想要的文件

例如./src/index.js

随笔写几句代码  console.log(‘new webpack 4.0 is so easy‘);

npm run build

可以看到直接打包好了放在./dist/main.js中

index.js运行结果和main.js一样。说明咱们的操作是对的;庆祝下吧。

之前参考一些文章。例如 :入门webpack这篇文章就够了;按照上面的步骤根本走不下来。

还遇到错误提示

WARNING in configuration
The ‘mode‘ option has not been set. Set ‘mode‘ option to ‘development‘ or ‘production‘ to enable defaults for this environment.

只需要在package.json中添加配置项:

"scripts": {

  "dev": "webpack --mode development",

  "build": "webpack --mode production"

}

然后npm run dev  这个时候dist里面的文件的不是压缩过的

但是npm run build 这个时候dist的main.js就是压缩了的。哈哈  很高兴吧

原文地址:https://www.cnblogs.com/qqfontofweb/p/8516882.html

时间: 2024-09-29 22:08:12

webpack 4.0 配置方法以及错误解决的相关文章

安卓安装提示:Android SDK requires Android Developer Toolkit version 21.1.0 or above. (错误解决方法)

安卓安装提示:Android SDK requires Android Developer Toolkit version 21.1.0 or above.  (错误解决方法) 主要是由于版本不对,sdk和adt的版本. 解决思路: 打开Eclipse--帮助(help) -- Install Now Software -- Add按钮 Name:随便输入 下面的文本框输入 :http://dl-ssl.google.com/android/eclipse/ 在线更新就行了,超慢呀! =====

使用AndroidStudio编译NDK的方法及错误解决方式

參考资料: [android ndk]macos环境下Android Studio中利用gradle编译jni模块及配置:http://demo.netfoucs.com/ashqal/article/details/21869151 ANDROID STUDIO, GRADLE AND NDK INTEGRATION:http://ph0b.com/android-studio-gradle-and-ndk-integration/ Gradle Plugin User Guide:http:

Linux 出现telnet: 127.0.0.1: Connection refused错误解决办法

Linux 出现telnet: connect to address 127.0.0.1: Connection refused错误解决办法 没有xinetd服务: 1./etc/init.d目录中放置了系统中各个daemon服务的脚本,xinetd是其中之一. 2.xinetd是一种特殊的daemon服务(super daemon),它本身管理了一系列的daemon服务,这些服务只有在用户调用时才由xinetd启动,它们启动速度稍慢于独立的daemon服务,这些服务在/etc/xinetd.c

IIS8.0配置网站,错误提示:用户 'IIS APPPOOL\你的网站名称'登录失败

项目在vs2013中能正常运行,配置到服务器(windows2012+IIS8.0),运行提示用户 'IIS APPPOOL\DefaultAppPool' 登录失败. 解决方案: 比如我的网站取名myweb,就会默认给你建立一个myweb应用程序池 一开始报http 404.17错误 1. 右键myweb应用程序池,基本设置,选择.net framework 版本,看到有两个,2.0和4.0. 啊,根据自己的开发环境设置. 接着就报了你的那个错误  'IIS APPPOOL\DefaultAp

史上最详细 Python第三方库添加方法 and 错误解决方法

(1):如何添加python第三方库(方法一): File ->> Settings... ->> Project Interpreter (2):如何添加python第三方库(方法二): 步骤: 1.Win键+R ,输入"cmd" 调出命令窗口: 2.输入:python -m pip install --upgrade pip 先升级一下pip安装命令,否则可能会安装第三方库和插件时失败: 3.安装你需要的第三方库,例如:pywin32.   输入:pip i

IDEA2019.3.3 + Maven3.6.3 + JDK13(最新版)环境配置 以及 遇到错误解决过程 + 方法

心累,找了无数教程,历经多次版本更替,最后终于得行,所以此次记录这次历程,也算一种成长吧~~ 试过搭配 IDEA版本 Maven版本 JDK版本 成功与否 2019.1.2 3.6.0 JDK8 否 2019.1.2 3.6.3 JDK8 否 2019.1.2 3.6.3 JDK13 否 2019.3.3 3.6.0 - 3.6.2 JDK13 否 2019.3.3 3.6.3 JDK13 成功 成功的结果是借鉴了N篇网上的教程,但是最后最有帮助的还是群里的大佬的帮助,话不多说,开始教程(最后有

Hue - Oozie Editor: Retrying connect to server: localhost/127.0.0.1:8050 的错误解决方法

本文原文出处: 严禁任何形式的转载,否则将委托CSDN官方维护权益! 问题描述 在当前版本的HUE(2.6.1-2)里,oozie editor存在一个糟糕的BUG: 用户无法在workflow的配置中指定${jobTracker}和${nameNode}的值,尽管我尝试了所有可以尝试的地方,但是当通过hue去submit(不是通过oozie的命令行)一个workflow时,${jobTracker}和${nameNode}的值都被无情的重置了!如果这两个属性的值刚好是正确的,那么自然相安无事,

Target runtime Apache Tomcat v6.0 is not defined.错误解决方法

Eclipse导入工程后工程上显示一个小红叉,但工程里没有文件错误,也没有语法错误,百思不得其解啊,后来在网上找了一些资料说是项目引用的类库路径有问题.[项目]->[右键]->[build path]->[configure build path]->[libraries],查看一下引用的类库路径.网上都说是因为这里引用错误引起的,但是我在项目导入的时候做的第一件事情就是修改这里的library,因此不是这个原因. 在problems中显示错误是:Target runtime Ap

Ubuntu16.04编译Android6.0/cm13.0教程及相关错误解决办法

一.必备工作 1.安装依赖库 sudo apt-get install libx11-dev:i386 libreadline6-dev:i386 libgl1-mesa-dev g++-multilib git flex bison gperf build-essential libncurses5-dev:i386 tofrodos python-markdown libxml2-utils xsltproc zlib1g-dev:i386 dpkg-dev libsdl1.2-dev li