精华内容
下载资源
问答
  • webpack -v 显示版本号 实际环境中查找有找不到??????? 蒙了,不管了,重新安装看看 npm install webpack -g --registry=https://registry.npm.taobao.org(安装webpack) 出现问题,产生条件是:...

    webpack -v 显示版本号

    实际环境中查找有找不到???????

    蒙了,不管了,重新安装看看

    npm install webpack -g --registry=https://registry.npm.taobao.org(安装webpack)

    出现问题,产生条件是:将wifi连接改变为网线连接后产生的这个问题

    尝试解决办法:

    1、重启虚拟机

    没好使

    2、重启虚拟机

    解决问题

    将下面的状态,

    修改为

    后重新倒开Xshell

    可以连接

    继续执行 npm install webpack -g --registry=https://registry.npm.taobao.org 命令

    与网速无关,无奈认真研究一下提示

     

    查看本机

    1、which + 命令

    会出现这个命令的路径,如果不是软链接的话,那么这就是此软件的安装路径;如果是软连接的话,那么进入下一步

    2、进入上面的路径下,输入:ls -al 要查照的命令

    会出现它的真是安装路径。

    安装淘宝 cnpm

    尝试

    $ npm cache clean --force
    npm WARN using --force I sure hope you know what you are doing.

    更换成淘宝的源
    $ npm config set registry https://registry.npm.taobao.org 

     配置后可通过下面方式来验证是否成功
    $ npm config get registry 
    https://registry.npm.taobao.org/

    尝试一下彻底卸载webpack

     

    $ ls ~/.npm/_cacache
    content-v2  index-v5  tmp

    直接进入图形界面删除webpack包

    没有版本好的显示了

    安装 nscd  刷新DNS缓存

    [emma@localhost local]$ /etc/init.d/nscd restart

    sudo /etc/init.d/nscd restart

    进了root用户下处理的

    使用sudo直接安装webpack试试

    没有成功,最后的解决办法就是,重新安装生产环境尝试

     

     

     

     

     

     

     

     


     

     

     

     

     

     

    展开全文
  • 报错信息 ...# 将该变量写入到配置文件中 echo 'export NODE_OPTIONS=--max_old_space_size=4096' >> /etc/profile 注意 这个方法只针对2017年8月发布的Node.js v8.0之后的版本 参考 ...

    报错信息

    <--- Last few GCs --->
    [3715:0x289d6e0]   476979 ms: Mark-sweep 1331.0 (1501.2) -> 1331.0 (1501.7) MB, 1810.0 / 0.0 ms  allocation failure GC in old space requested
    [3715:0x289d6e0]   478716 ms: Mark-sweep 1331.0 (1501.7) -> 1330.9 (1456.2) MB, 1736.6 / 0.0 ms  last resort GC in old space requested
    [3715:0x289d6e0]   480175 ms: Mark-sweep 1330.9 (1456.2) -> 1330.9 (1456.2) MB, 1459.1 / 0.0 ms  last resort GC in old space requested
    <--- JS stacktrace --->
    ==== JS stack trace =========================================
    Security context: 0x207037a25879 <JSObject>
        2: /* anonymous */ [0x2495e7022d1 <undefined>:~5467] [pc=0x2eff9588dc48](this=0x3a9b4d5c41c9 <JSFunction base54 (sfi = 0x228383a61e71)>,str=0x3cfb753f6e91 <Very long string[7065912]>,delta=1)
        3: /* anonymous */ [0x2495e7022d1 <undefined>:5436] [bytecode=0xb637c861cf1 offset=83](this=0x1f4ff1b82349 <AST_Toplevel map = 0x3ada19217079>,options=0x1c634c40d0a1 <Object map = 0x3d2e4320c31>)
      ...
    
    FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory
     1: node::Abort() [node]
     2: 0x8c21ec [node]
     3: v8::Utils::ReportOOMFailure(char const*, bool) [node]
     4: v8::internal::V8::FatalProcessOutOfMemory(char const*, bool) [node]
     5: v8::internal::Factory::NewRawTwoByteString(int, v8::internal::PretenureFlag) [node]
     6: v8::internal::String::SlowFlatten(v8::internal::Handle<v8::internal::ConsString>, v8::internal::PretenureFlag) [node]
     7: v8::internal::Runtime_StringCharCodeAtRT(int, v8::internal::Object**, v8::internal::Isolate*) [node]
     8: 0x2eff94a042fd
    
    npm ERR! code ELIFECYCLE
    npm ERR! errno 1
    npm ERR! ant-design-pro@2.1.1 build: `cross-env BUILD_TYPE=prod umi build`
    npm ERR! Exit status 1
    npm ERR! 
    npm ERR! Failed at the ant-design-pro@2.1.1 build script.
    npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
    npm ERR! A complete log of this run can be found in:
    npm ERR!     /root/.npm/_logs/2019-10-17T07_53_02_983Z-debug.log
    script returned exit code 1
    

    解决办法

    设置nodejs的内存使用限制

    # 这里设置为4G,应该够用了
     export NODE_OPTIONS=--max_old_space_size=4096
    
    # 将该变量写入到配置文件中
    echo 'export NODE_OPTIONS=--max_old_space_size=4096' >> /etc/profile
    

    注意

    这个方法只针对2017年8月发布的Node.js v8.0之后的版本

    参考

    https://www.npmjs.com/package/increase-memory-limit

    展开全文
  • linuxwebpack新建一个项目

    千次阅读 2016-12-09 12:47:00
    1.安装node: sudo apt-get install -gnode 推荐用node.js版本管理神器n:sudonpm install -g n 安装node最新版:n latest稳定版:n stable 查看已安装版本:n删除指定版本:n rm ...2.安装webpack: sudo npm ins...

    1.安装node: 

    sudo apt-get install -node

     推荐用node.js 版本管理神器 n sudo npm install -g n

    安装node 最新版: n latest 稳定版: n stable

    查看已安装版本:删除指定版本:n rm 0.1.1

    安装某个版本:n 6.0.0

     

    2.安装 webpack: 

    sudo npm install webpack -g

    首先npm init初始化一个项目

    然后:将webpack加到package.json依赖中 sudo npm install webpack --save-dev

     

    3.package.json中添加webpack.json需要的依赖:

    "devDependencies": {
    
        
    "css-loader": "^0.21.0",
    
        
    "style-loader": "^0.13.0",
    
        
    "webpack": "^1.12.2"
    
      
    }

     

    4.执行npm install安装依赖

     

    5.创建webpack.config.js

    配置入口文件和出口文件,用loader(webpack通常只能打包js文件,所以需要引入loader来打包其他文件,比如css)来转换其他类型的文件。

    module: {
    
        
    loaders: [
    
          
    { test: /\.css$/, loader: 'style!css'}
    
        
    ]
    
      
    }

     

     

    展开全文
  • linux环境:Red Hat 4.4.7-11失败的安装方式1、直接安装编译好的二进制文件解压,设置node和npm软链成功,执行node -v 命令成功。但是 执行npm install webpack -g 给出警告。但是webpack并没有执行成功。 安装失败2...

    linux环境:

    Red Hat 4.4.7-11

    失败的安装方式

    1、直接安装编译好的二进制文件

    解压,设置node和npm软链成功,执行node -v 命令成功。

    但是 执行npm install webpack -g 给出警告。

    但是webpack并没有执行成功。 安装失败

    2、直接使用yum命令安装

    本地的yum库的nodejs版本比较低,为 nodejs-0.10.48版本。

    然后安装nodejs :安装nodejs命令为 yum install -y nodejs

    执行 npm install webpack -g 依然给出警告。

    但是webpack并没有执行成功。 安装失败

    成功的安装方式

    先升级yum仓库的 nodejs版本

    升级nodejs到:nodejs-6.10.3,命令如下:

    curl –silent –location https://rpm.nodesource.com/setup_6.x | bash -

    然后安装nodejs :安装nodejs命令为 yum install -y nodejs

    然后执行npm install webpack -g 依然给出警告。

    但是webpack 命令执行成功了!

    展开全文
  • linux下的webpack编译打包工程

    千次阅读 2017-11-07 17:04:30
    注:背景 最近做一个vue+vue-router+vuex+vux+fetch的项目,工程化是基于webpack来构建的,本地开发在windows环境下,编译打包正常 windows下的环境准备 一、node安装版本 v8.1.2 (查看命令 node -v) 二、npm ...
  • react配置webpack4.0

    2018-06-12 13:15:58
    我在实际工作中用百度 fis3 搭建 React 开发环境,但是放在整个前端社区中,webpack 肯定更适合大家,这里就用 webpack。如果之前未听说或者未用过 webpack 的同学,一定此机会恶补一下,也可以查阅官网 开始之前 ...
  • 目录 一、新建文件夹 app 二、进入app目录下 三、初始化app 四、vi 一个js文件 a.js,内容如下: (module.exports = a;...六、安装webpack 七、执行代码,打包 八、执行index.js,输出结果如下:(执行...
  • 占个位,稍后补充: https://github.com/webpack/webpack/issues/2239 https://github.com/guard/listen/wiki/Increasing-the-amount-of-inotify-watchers
  • linux系统下,如果你的webpack打包的项目,无论是vue、electron-vue也好,开发环境遇到了热重载无效的话,可能是因为系统对inotify监控文件的最大数量太小导致的,可以试一下这方案,只需要两步:1。查看系统的可...
  • 如何使用Angular 7配置Webpack 4:完整指南 (How to configure Webpack 4 with Angular 7: a complete guide) The Angular CLI makes it easy to create an application that already works, righ...
  • 腾讯云 Linux 服务器命令行部署 webpack + Express + SocketIO 项目 本学期Web课需要写一个web小游戏,从GitHub上找了一份用 webpack + Express + SocketIO 实现的IO Game的教程,就跟着自己实现了一下。正巧腾讯云...
  • webpack

    2019-11-03 12:22:43
    webpack,npm> npm, nodejs, webpack 1.初识 1.1 npm 打包管理工具 可对前端项目进行管理,文件进行相应处理 1.2 webpack 项目文件处理工具 可对项目文件的js引用进行处理,代码进行压缩,混淆等等,以提高...
  • webpack实战配置

    2018-03-09 15:41:35
    webpack3.x 配置webpack3.x 主配置webpack.config.js文件,每个模块的详细信息都有一定的注释,如果有不对的地方,还请指教!大纲:1、创建package.json文件2、创建.babelrc文件3、创建webpack.config文件目前3个...
  • linux下安装nodejs的 webpack的问题解决

    千次阅读 2017-05-26 10:17:12
    linux环境: Red Hat 4.4.7-11失败的安装方式1、直接安装编译好的二进制文件解压,设置node和npm软链成功,执行node -v 命令成功。 但是 执行npm install webpack -g 给出警告。 但是webpack并没有执行成功。 ...
  • vue中配置webpack不同环境下的域名及参数 假设一个项目 需要有开发环境(dev), 测试环境(test), 正式环境(prod), 并且三种环境都要build打包的需要; 前提是已通过vue-cli初始化了项目; 1.先在page.json中配置脚本命令...
  • webpack基础配置

    2021-04-02 19:02:56
    // 可以生成创建html入口文件,比如单页面可以生成一个html文件入口,配置N个html-webpack-plugin可以生成N个页面入口 // 注意版本问题( TypeError: Cannot read property 'tap' of undefined at ...
  • Webpack 配置示例

    2017-02-05 21:44:00
    Webpack 作为前端构建工具,对于大型网站开发,大大提升了开发效率。要使用webpack需要先安装webpack...通常,都不会这样直接使用使用,而是在项目根目录下进行打包配置配置文件默认为webpack.config.js。 /...
  • 1. 修改本地VUE项目的配置文件(config/index.js) 修改字段为:assetsPublicPath: './', // 注意有两个这样的字段都改成"./" 2. 构建项目 npm run build // 之后会生成dist目录,内容的文件和文件夹都是要...
  • 原文https://github.com/ruanyf/webpack-demos#demo01-entry-file-source这个仓库集合了一些webpack简单的demo。...如何使用$ npm i -g webpack webpack-dev-server然后将仓库克隆到本地并安装相关依赖# Li...
  • webpack配置教程

    2018-11-15 11:16:00
    1、npm脚本运行webpack与命令行输入webpack的区别 :https://segmentfault.com/a/1190000011052193  npm模块的 安装 和 卸载 :https://blog.csdn.net/yihanzhi/article/details/75665959  npm命令中,--save--...
  • webpack4的简单配置

    2020-02-18 16:25:38
    一、安装nodejs 1.从官网下载 二、通过npm安装webpackwebpack/cli win: npm install webpack -g npm install webpack/cli -g mac: sudo npm install webpack -g ...//-g参数为全局安装 Linux和Mac必须用sudo...
  • webpack3.x文件配置

    千次阅读 2017-10-18 20:51:48
    webpack3.x 配置webpack3.x 主配置webpack.config.js文件,每个模块的详细信息都有一定的注释,如果有不对的地方,还请指教!大纲: 1、创建package.json文件 2、创建.babelrc文件 3、创建webpack.config文件...
  • 前言 上篇我们已经配置好了本地开发服务器,但是配置的相对比较凌乱...webpack.base.config.js:webpack基础配置,开发和生成环境都需要用到的配置 webpack.dev.config.js:开发环境的配置 webpack.prod.config.js:...
  • 很多用Vue开发的项目中,都会遇到首屏加载慢,chunk-vendor.js动不动就好几MB,那么如何通过Vue的内部配置去优化我们的Vue项目呢?这是手头的一个项目,同样的源码,同样的服务器,打开了Disable cache,目前完全...
  • webpack配置环境变量

    千次阅读 2018-08-18 15:40:48
    在项目中我们经常遇到这样的需求,在...那在webpack怎么配置这些信息呢?我们可以借助webpack中的DefinePlugin webpack代码: webpack(config, { dev }) {  config.plugins.push(  new webpack.DefinePlugi...
  • npm Webpack

    千次阅读 2017-03-12 15:21:21
    Webpack

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 6,343
精华内容 2,537
关键字:

linux配置webpack

linux 订阅