基于react-dnd项目做的一个练习,主要目的是熟悉

react-dnd-demo

基于react-dnd项目,做的一个拖拽demo。因为需要将拖拽事件做到react里面,目前水平还达不到,直接用人家写好的插件,这样比较快。

主要目的 熟悉react-dnd的使用 熟悉h5拖拽事件的使用 熟悉webpack的使用 webpack的使用 安装webpack

npm install -g webpac

配置Webpack

Webpack的构建过程需要一个配置文件,一个典型的配置文件大概就是这样

var webpack = require('webpack'); var commonsPlugin = new webpack.optimize.CommonsChunkPlugin('common.js'); module.exports = { entry: { entry1: './entry/entry1.js', entry2: './entry/entry2.js' }, output: { path: __dirname, filename: '[name].entry.js' }, resolve: { extensions: ['', '.js', '.jsx'] }, module: { loaders: [{ test: /\.js$/, loader: 'babel-loader' }, { test: /\.jsx$/, loader: 'babel-loader!jsx-loader?harmony' }] }, plugins: [commonsPlugin] };

参考链接:轻松入门React和Webpack

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。