Tag: webpack

在webpack编译的JavaScript中读取NodeJS的process.argv: 我试图用webpack编译一个简单的TS文件（通过“awesome-typecript-loader”），它应该读取命令行参数。不过，我相信编译后的JS正在用一个闭包制作过程来重新定义Node的'process'variables.argv'undefined'。 TL; DR ：如何用webpack编译的JS读取命令行参数？ a.ts console.log(process.argv[2]); webpack.config.js const path = require('path'); module.exports = { resolve:{ extensions: ['.ts'] }, module: { rules: [{ test: /\.ts$/, loaders: ['awesome-typescript-loader'], include: [ path.resolve(__dirname, "src") ] }] }, entry: { a: "./src/a.ts" }, output: { path: path.resolve(__dirname, 'output'), filename: '[name].js' } }; 的package.json { "name": "my-proj", "version": "1.0.0", "description": […]

webpack-dev-server不会自动重新加载和构build – configuration问题: 我正在使用我的项目： "webpack": "2.2.1", "webpack-dev-server": "2.4.2" 我需要在使用webpack-dev-server实时重新加载文件时创build一个应用程序。在我的package.json中，我有这样的设置： "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "start": "webpack-dev-server –hot –inline" }, 目前，我可以通过运行： webpack手动构build应用程序，并且可以使用npm start来初始化开发人员服务器。我遇到的问题是，在npm start和本地服务器运行后，如果我在JS文件中做了一些更改，应用程序不会被重build，页面不会自动刷新。目前我需要在控制台中webpack手动重新运行webpack 。我在控制台收到没有错误，所以我想是一个错误的configuration问题。你能指出我的设置有什么问题吗？ // file: webpack.config.js const path = require('path'); module.exports = { entry: './src/index.js', output: { path: path.resolve(__dirname, 'build'), filename: 'app.bundle.js', }, devServer: { inline: […]

在新机器上启动Ember项目时出错：意外的令牌导入，未定义: 我在2台电脑上安装了Ember js项目，但是在安装新电脑时遇到问题。我这样安装： git clone <repository-url> cd projectfolder npm install bower install ember serve 它编译，但在浏览器中，我看到这样的错误： event-factory.js：3 – 未捕获的SyntaxError：意外的令牌导入 application.js：1 – 未捕获的ReferenceError：define没有定义似乎与巴贝尔一些错误。我有这样的package.json { "name": "project", "version": "2.0.0", "description": "", "private": true, "directories": { "doc": "doc", "test": "tests" }, "scripts": { "build": "ember build", "start": "ember server", "test": "ember test" }, "repository": { "type": "git", […]

编写自定义webpackparsing器: 我打算使用一些更复杂的约定来导入我的webpack项目中的资产。所以我想写一个插件，应该重写所需的模块定位器的一部分，然后将其传递给parsing器瀑布。我们假设我们只是想检查一个请求的模块是否以#字符开始如果是这样，用./lib/replace。现在应该由默认的parsing器查找新的模块定位器。这意味着当一个文件/var/www/source.js确实require("#example") /var/www/source.js require("#example") ，它实际上应该得到/var/www/lib/example.js 。到目前为止，我已经想通了，我显然应该使用module事件钩为此目的。这也是其他答案所select的方式，但不幸的是我没有太多的帮助。所以这是我的自定义解决插件，这是非常简单的： function MyResolver () {} MyResolver.prototype.apply = function (compiler) { compiler.plugin('module', function (init, callback) { // Check if rewrite is necessary if (init.request.startsWith('#')) { // Create a new payload const modified = Object.assign({}, init, { request: './lib/' + init.request.slice(1) }) // […]

Webpack中的-p是什么？: 我有这在我的package.json ： build:prod SET NODE_ENV=prod && webpack -p -p是什么意思？我已经看过webpack文档，但找不到任何东西。谢谢。

当为一个npm模块使用一个私有的git url时，如何configuration消费应用程序只使用模块的dist文件夹中的文件？: 我为我的angular应用程序使用angular-cli，但由于angular-cli目前不支持用于创build库，我使用了看似最广泛使用的git项目来创build我的库： https ： //github.com/jvandemo/发电机angular2库我的问题是，我不想将我的npm模块库发布到公共目录。相反，我想直接在我的依赖中使用git url。在开发过程中，这工作正常。我可以在本地运行构build并在“dist”文件夹内运行一个npm链接，并且所有内容都是漂亮的。然而，当我把我的npm模块代码git，然后在消费项目中运行一个npm安装，我不知道如何设置它，以便我的消费项目只是看在模块的dist文件夹内，并将其视为如果这是模块的根源。例如，在node_modules / my_private_module中，我的文件结构如下所示： dist/ — component1 — compoennt2 — my_module.metadata.json — my_module.d.ts — my_module.umd.js — index.d.ts — index.js — package.json — README.MD package.json README.md 我的应用程序使用的所有文件都在/ dist文件夹中，但我不想在所有的导入中指定“dist”，如 import { myComponent1 } from 'my_private_module/dist'; 我想能够只是指定 import { myComponent } from 'my_private_module"; 正如我在开发时，在dist文件夹中运行一个npm链接。有什么办法可以做到这一点？谢谢

与Webpack的ReactJS：未捕获的ReferenceError：需求未定义: 以下是我的webpack.config.js。在浏览器开发工具中，获取“Uncaught ReferenceError：require is not defined” 如果我删除“目标”：“节点”，然后错误“未捕获TypeError：fs.readFileSync是不是一个函数”被抛出。 var config = { entry: './main.js', output: { filename: './index.js', }, devServer: { inline: true, port: 8080 }, node: { fs: "empty" }, module: { loaders: [ { test: /\.jsx?$/, exclude: /node_modules/, loader: 'babel-loader', query: { presets: ['es2015', 'react'] } } ] }, target: 'node' } module.exports = […]

Webpack＆Babel：服务器端渲染React组件“Unexpected token”<'“: 我一直在调查这个问题3天，但不能得到它的工作。完整的错误是： C:\Users\XXXXXX\WebstormProjects\XXXX\server\routes\auth.jsx:58 return res.send(ReactDOMServer.renderToString(<LoginPage />)); ^ SyntaxError: Unexpected token < at createScript (vm.js:56:10) at Object.runInThisContext (vm.js:97:10) at Module._compile (module.js:542:28) at Object.Module._extensions..js (module.js:579:10) at Module.load (module.js:487:32) at tryModuleLoad (module.js:446:12) at Function.Module._load (module.js:438:3) at Module.require (module.js:497:17) at require (internal/module.js:20:19) at Object.<anonymous> (C:\Users\XXXXXX\WebstormProjects\XXXX\index.js:10:20) 这是我的webpack.config.js： const path = require('path'); module.exports = { entry: path.join(__dirname, '/client/src/app.jsx'), output: { path: […]

对于React组件，<img>中的.jpg模块parsing失败？: 我想在我的网站上显示一个图像，我正在使用反应。这里是组件源代码： import React, { Component } from 'react'; import style from './styles/AboutMeStyle.css'; export default class AboutMe extends Component{ render(){ return ( <div> <img src={require ('./images/ProfilePic.jpg')}align="middle"/> </div> ); } } 该文件似乎被发现，但我不断收到一个exception，说明模块parsing失败…？这里是来自terminal的错误的文本输出： Module parse failed: /Users/megan/Desktop/Personal Website/client/components/images/ProfilePic.jpg Unexpected character (1:0) You may need an appropriate loader to handle this file type. SyntaxError: Unexpected character (1:0) […]

将数据从Node传递给Vuejs: 我有一个本地Node.js服务器运行在端口3000.我有另一个前端使用webpack，在8080上运行的开发服务器。节点连接到MySQL服务器。我的项目结构如下所示： SampleProject -> BackEnd -> FrontEnd 我已经使用webpack-dev-server代理选项将来自webpack-dev-server（8080）的请求代理到节点（3000）。开发服务器configuration我的webpack.config.js看起来像这样： – devServer: { proxy: { '/api': { target: 'http://localhost:3000' } }, historyApiFallback: true, noInfo: true } 我在services.js中写了一个Node api exports.getAllPatientData = function(req, res) { con.connection.query("SELECT fname, lname, city, country_code, TIMESTAMPDIFF(YEAR, DOB, CURDATE()) AS age FROM sbds_patient_data where pid = 1", function(err, result, fields) { if (err) { […]