Fatal编程技术网
  • jquery/
  • Web包无法加载模块jquery

Web包无法加载模块jquery

jquery node.js typescript webpack

Web包无法加载模块jquery,jquery,node.js,typescript,webpack,Jquery,Node.js,Typescript,Webpack,我正在尝试使用webpack在typescript中导入jquery。这就是我所做的 npm init -y npm install -g webpack npm install ts-loader --save touch webpack.config.js 在文件里，我写了这个 module.exports = { entry: './app.ts', output: { filename: 'bundle.js' }, resolve: { exten

我正在尝试使用webpack在typescript中导入jquery。这就是我所做的

npm init -y
npm install -g webpack
npm install ts-loader --save
touch webpack.config.js
在文件里，我写了这个

module.exports = {  
  entry: './app.ts',
  output: {
    filename: 'bundle.js'
  },
  resolve: {
    extensions: ['', '.webpack.js', '.web.js', '.ts', '.js']
  },
  module: {
    loaders: [
      { test: /\.ts$/, loader: 'ts-loader' }
    ]
  }
}
然后创建
app.ts
，并编写以下内容

import $ = require('jquery');
然后我
npm安装jquery——保存
以加载jquery组件

然后，当我执行
webpack
时，它会给出找不到模块“jquery”的消息


ts-loader: Using typescript@1.6.2
Hash: af60501e920b87c93349
Version: webpack 1.12.2
Time: 1044ms
    Asset     Size  Chunks             Chunk Names
bundle.js  1.39 kB       0  [emitted]  main
    + 1 hidden modules

ERROR in ./app.ts
(1,20): error TS2307: Cannot find module 'jquery'.


有人能告诉我我做错了什么吗

有人能告诉我我做错了什么吗

您需要jquery定义：


tsd安装jquery——保存

您还需要有一个tsconfig.json：


tsc-init
将为您生成一个。但我建议：


{
    "compilerOptions": {
        "module": "commonjs",
        "target": "es5"
    },
    "exclude": [
        "node_modules"
    ]
}


您还需要安装typescript


npm安装类型脚本-保存
好问题。非常中肯。喜欢阅读/回答，我试过了，但没用。如果我是正确的，webpack可以直接加载npm组件。顺便说一句，我喜欢你的youtube视频。：）谢谢，现在可以用了。我仍然想知道，网页包是否自动读取节点模块？您可以在网页包配置中始终创建别名，例如“resolve:{alias:{myNpmModule:path.join（uu dirname，'/node\u module/myNpmModule/dist/myNpmModule.min'））“
是网页包读取节点(u模块)
对于
要求
调用是。