Articles of webpack

Ag-grid不能和angular和webpack一起工作

我正在试图让ag-grid与webpack一起工作。 我已经完成了标准的事情,通过添加通过npm的网格,并添加了引用webpack.config这样做: resolve: { alias: {"ag-grid" : path.resolve(__dirname, "./node_modules/ag-grid/dist/ag-grid.js") } 该文件得到解决,并加载到索引文件就好了。 我做了以下的angular度。 angular.module("cs-app", [require("ag-grid").name]); Webpack也parsing这个文件,并被包含并加载,但是当我运行应用程序,我得到以下错误。 [$injector:modulerr] Failed to instantiate module angularGridGlobalFunction due to: [$injector:nomod] Module 'angularGridGlobalFunction' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument. 我无法在ag-grid.js中find名称angularGridGlobalFunction,但是当我注释掉对ag-grid的引用时,该应用程序工作得很好。 […]

Babel + Typescript + NPM模块+ Webpack

你好,我尝试从我的脚本脚本需要angular度,我得到这个错误: error TS2307: Cannot find module 'angular'. 这是我的webpackconfiguration文件: context: __dirname + '/client/js', entry: './script.ts', output: { filename: 'build.js', path: options.BUILD ? 'dist' : 'dev' }, module: { loaders: [ {test: /\.ts(x?)$/, loader: 'babel-loader!ts-loader'} ] } 编辑: 然后,在我的script.ts文件中,我这样做: import angular from 'angular'; 甚至var angular = require('angular'); 给了我相同的结果 我没有任何tsconfig.json文件 谢谢 !

另一个文件夹中的Node_modules

我有C:/ Users / user / AppData / Roaming / npm / node_modulespath中的所有节点模块。 然后,我正在尝试为我的脚本webpack添加包含babel和babel-presets的node_modules。 我的webpack.config.js module.exports = { context: './scripts', entry: ['./main', './2.jsx'], output: { path: '../scripts', filename: 'bundle.js', }, resolve: { modulesDirectories: ['C:/Users/user/AppData/Roaming/npm/node_modules'] }, resolveLoader: { root: 'C:/Users/user/AppData/Roaming/npm/node_modules' }, module: { loaders: [{ test: /\.jsx?$/, loader: 'babel-loader', include: 'C:/Users/user/AppData/Roaming/npm/node_modules', exclude: /(node_modules|bower_components)/, query: { presets: ['es2015', […]

使用webpack不在npm上的外部库

刚开始使用webpack并了解基础知识。 虽然,我正在尝试使用外部库,并希望遵循“webpack方式”。 目前我使用npm,然后需要使用commonjs语法。 包含http://johnpolacek.github.io/imagefill.js/这样的库的正确方法是什么

我如何得到这个Typescript Webpack项目编译没有错误?

我试图将我的工作webpack node.js项目中的两个.js文件转换为.ts文件并编译它(actions.ts和flux.ts)。 运行时 webpack –progress –colors 我得到这个错误: 错误在./src/app/tools/flux.ts (2,11):错误TS2304:找不到名称'require'。 错误在./src/app/tools/flux.ts (4,1):错误TS2304:找不到名称“模块”。 错误在./src/app/actions/actions.ts (2,12):错误TS2304:找不到名称'require'。 错误在./src/app/actions/actions.ts (11,1):错误TS2304:找不到名称“模块”。 我该如何解决这些问题? 在这个屏幕截图中,您可以看到我的文件夹结构以及我正在尝试编译的代码: 这是我的webpackconfiguration,如果有帮助: 'use strict'; var webpack = require('webpack'); var HtmlWebpackPlugin = require('html-webpack-plugin'); var CopyWebpackPlugin = require('copy-webpack-plugin'); var path = require('path'); var rootPath = __dirname; //site var srcPath = path.join(rootPath, 'src'); //site/src module.exports = { bail: true, cache: true, context: […]

使用WebPack和Feathers进行节点debugging

我join了使用Node,Webpack,TypeScript和Express / Feathers构build产品的团队。 其他的开发者知道他们在做什么,但是我到目前为止只在客户端上使用过JavaScript,并且在我的带子上只有几个小时的节点。 试图找出如何去debugging。 具体来说,我的第一个任务是修复一些失败的APItesting。 testing执行: $npm run testserver 我的软件包有: "scripts": { …. "testserver": "webpack –config webpack.servertest.config.js && NODE_ENV=test mocha dist/serverTests.js", …. }, 例行程序是将打字稿编译成ES6,然后将文字编辑为与节点兼容的ES5。 我试过了: $node-debug dist/serverTests.js 运行此节点debugging调用时,结果与npm不一样。 请分享你的经验。 谢谢

如何在Express中实例化一个具有转码的ES6代码的对象?

我相信我错过了一些非常简单的事情,但是我不能使用我的节点代码创build对象。 我正在使用webpack&Babel 6来为我解密。 试图按照以下说明学习: http : //blog.jeffdouglas.com/2015/05/06/start-writing-es6-javascript-in-your-node-js-apps-today/ 这是我的ES6课程: export default class ProcessData { constructor() { let output = "Module: 'Process Data' created."; console.log(output); } } 这里是我尝试使用它的路线: var express = require('express'); var router = express.Router(); var ProcessData = require('../public/node/bundle.node.js').default; var processor = new ProcessData(); router.get('/', function (req, res, next) { res.render('index', {}); }); router.post('/results', function (req, […]

ajax用json,nodejs和webpack返回401

我正在用Adobe分析API构build一个Web应用程序,并且本地一切工作正常。 当我部署到服务器本地存储的JSON(即存储在与应用程序相同的服务器)的提取返回状态代码401.我已经加倍检查文件path,它是正确的。 我不想使用webpack的json-loader,因为它会在编译时parsingjson,并且根据用户在运行时所做的操作,所加载的json文件将会有所不同。 任何帮助/build议将不胜感激

如何使用node-js api的webpack中的-p标志?

我有一个我的部署脚本,在运行webpack编译器之前编译入口点的模块。 我想用-p标志运行编译器使用节点api( https://github.com/webpack/docs/wiki/node.js-api )我看不到在这个webpackconfiguration中的一个选项 – 有没有一个,或者我可以提供这个参数的webpack的另一种方式? 这是我的脚本: utils.runScript('node-scripts/generate-entries.jsx', ['–harmony'], (err) => { if (err) throw err; console.log('entries generated'); const webpack = require('webpack'); const webpackConfig = require('../webpack.config.js'); //want to add -p to this somehow webpack(webpackConfig, () => { console.log('deploy completed'); }); }); 谢谢

使用FS文件系统的节点,Webpack和React路由

我想使用NodeJS默认的fs模块来读写文件。 我已经差不多尝试了所有可以在互联网上find的东西。 ES6和CommonJS的例子,编辑Webpack.config文件,添加应该添加Promise等的软件包..但似乎没有什么工作。 目前这是我的webpack.config.js var webpack = require('webpack'); module.exports = { entry: './index.js', output: { path: 'public', filename: 'bundle.js', publicPath: '' }, node: { fs: "empty" }, "browser": { "fs": false }, resolve: { modulesDirectories: ['web_modules', 'bower_components', 'node_modules'] }, module: { loaders: [ { test: /\.js$/, exclude: /node_modules/, loader: 'babel-loader?presets[]=es2015&presets[]=react' } ] } } 正如我所提到的, […]